Flutter无状态类变量作用域问题：获取TextField值报错及late返回null解决方案

• 第一处编译报错是Dart空安全机制限制：非空类型的String变量必须在使用前完成赋值，你声明String str;时没有给出初始值，也无法保证调用print(str)前一定完成赋值，因此触发编译拦截。
• 添加late后运行拿到空值，核心原因是你使用了无状态组件StatelessWidget，且将str定义在build方法内部：无状态组件本身不支持存储可变状态，且build方法每次重绘时都会重新创建局部变量str，之前onChanged中赋的值会被直接重置。

1. 将组件改为StatefulWidget，把需要持久存储的输入值str作为State类的成员变量，给初始值规避空安全问题即可。
2. 也可以将变量定义为可空类型String?，调用时增加空判断，适配未输入就点击按钮的场景。

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

// 改为StatefulWidget
class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  // 把变量移到State类中，给初始空字符串
  String str = '';
  // 如果用可空写法可以改为：String? str;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Stateful variable storage'),
        ),
        body: SafeArea(
          child: Container(
            child: Column(
              children: [
                TextField(
                  textAlign: TextAlign.center,
                  onChanged: (newValue){
                    // 赋值给State的成员变量，会在组件生命周期内保持
                    str = newValue;
                    // 如果用可空写法这里直接赋值即可：str = newValue;
                  },
                ),
                TextButton(
                  onPressed: (){
                    print(str);
                    // 如果用可空写法可以加默认值：print(str ?? '未输入任何内容');
                  },
                  child: const Text('touch')
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

• StatefulWidget的State类会在组件挂载到组件树的生命周期内持续存在，存储在State中的成员变量不会因为build重绘被重置，可以正确保存用户输入的内容。
• 给str设置初始空字符串后，既符合Dart空安全的赋值要求，也不需要额外加late修饰符，避免运行时空访问风险。

内容的提问来源于stack exchange，提问作者ishara