我需要一些有关texteditingController和溢出像素的输入

Question

我有几个有关TextEditingController的问题。我终于设法使文本可以编辑，但是它并没有返回我最初用于文本的字体/大小。我也试图禁用编辑文本，但它不起作用。我希望最终某些用户可以访问可编辑的文本，这是否有可能？同样，当我在Chrome上显示文本时，它会显示一些溢出的像素，我想知道可能是什么原因。

import 'package:bestfitnesstrackereu/widgets/page_content_details/informations_content_details.dart';
import 'package:flutter/material.dart';
import 'package:responsive_builder/responsive_builder.dart';
import '../../constants/text_styles.dart';

class InformationContentDetails extends StatefulWidget {
  const InformationContentDetails({Key key}) : super(key: key);

  @override

  State<InformationContentDetails> createState() => _InformationContentDetails();
}
class _InformationContentDetails extends State<InformationContentDetails> {
  final _controller = TextEditingController();
  final _controller2 = TextEditingController();

  String name = " Informationen";
  String name2 = "Welcome here";


  @override
  Widget build(BuildContext context) {
    return ResponsiveBuilder(
      builder: (context, sizingInformation) {
        var textAlignment;
        if (sizingInformation.deviceScreenType == DeviceScreenType.desktop) {
          textAlignment = TextAlign.left;
        } else {
          textAlignment = TextAlign.center;
        }

        return Container(
          width: 650,
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Text(
                name,
                style: titleTextStyle(sizingInformation.deviceScreenType),
                textAlign: textAlignment,
              ),
              Container(
                child: TextField(
                  enabled: false,
                  controller : _controller,
                ),
              ),
              Container(
                child: FlatButton(
                  child: Text('edit'),
                  onPressed:(){
                    setState((){
                      name = _controller.text;


                    });
                  },

                ),
              ),
              SizedBox(
                height: 30,
              ),
              Text(
                name2,
                style: descriptionTextStyle(sizingInformation.deviceScreenType),
                textAlign: textAlignment,
              ),
              Container(
                child: TextField(
                  controller : _controller2,
                ),
              ),
              Container(
                child: FlatButton(
                  child: Text('edit'),
                  onPressed:(){
                    setState((){
                      name2 = _controller2.text;

                    });
                  },

                ),
              ),


            ],
          ),
        );
      },
    );
  }
}

Answer 1

对于问题编号1，您不是使用不同的文本样式description textstyle＆amp; titletextStyle

问题编号

2

Answer 2

您可以将以下TextField切换代码示例用作参考。

class MyWidget extends StatefulWidget {
  const MyWidget({Key? key}) : super(key: key);

  @override
  State<MyWidget> createState() => _MyWidgetState();
}

class _MyWidgetState extends State<MyWidget> {
  bool isEnable = false;
  final TextEditingController _controller = TextEditingController();
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: TextField(
        controller: _controller,
        enabled: isEnable,
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          setState(() {
            isEnable = !isEnable;
          });
        },
      ),
    );
  }
}