flutter - 如何在 flutter 中修复 'Text is null'

Question

我想创建一个应用程序，它有一个带有两个选项卡的 TabBarView。在第一个选项卡上有一个文本字段，在另一个选项卡上有一个文本小部件，它应该显示您在文本字段中输入的文本但我总是得到一个错误，因为文本是空的。(我是用 f​​lutter 编程的新手)

我试图在 TextOutput 类中初始化变量，但没有成功，因为该变量是最终变量。

TabBarView(
      children: <Widget>[
        TextCreatePage(), TextOutput()
      ],




class TextCreatePageState extends State<TextCreatePage> {
String textvalue;
@override
Widget build(BuildContext context) {
  return Center(child: TextField(
    onChanged: (String value) {
    setState(() {
       textvalue = value;
       TextOutput(textvalue: textvalue,);
            });





class TextOutput extends StatelessWidget {
final String textvalue;

TextOutput({this.textvalue});
@override
Widget build(BuildContext context) {
    return Text(textvalue); 
}
}

Answer 1

因此，对于搜索此内容并到达此处的任何人，我正在使用它来管理空字符串变量。

<强>1。显示空文本

String nullText; //for null-safety change to: String? nullText;

//now, inside of your widget build
Text(nullText ?? '');

<强>2。不显示文本小部件

String nullText;

//now, inside of your widget build
if(nullText != null)
 Text(nullText);

空安全

String? nullText;

//now, inside of your widget build
if(nullText != null)
 Text(nullText!);

也可以这样显示，但是这样显示的是null字

String nullText; //for null-safety change to String? nullText;

//now, inside of your widget build
Text('$nullText');

实例 https://dartpad.dev/faab5bc3c2df9573c0a75a5ce3d4b4b9