Flutter求助：Stateless Widget调用initState()及网络检测报错

你遇到的错误核心原因是：

• StatelessWidget 不支持 initState()、dispose() 生命周期方法，也不能调用 setState() 来更新状态，因为它是无状态组件，内部状态不可变。
• 即使你尝试改成 StatefulWidget，如果没有把状态变量和生命周期方法正确迁移到对应的 State 子类中，依然会出现相同错误。

正确的做法是将 SecondScreen 定义为 StatefulWidget，并将所有状态变量、生命周期方法、状态更新逻辑移到对应的 State 子类中。以下是修正后的完整代码：

class _MyHomePageState extends State<MyHomePage> {
  @override
  void initState(){
    super.initState();
    Timer(const Duration(seconds: 3),
            ()=>Navigator.pushReplacement(context,
            MaterialPageRoute(builder:
                (context) =>
                SecondScreen(title: "Your Title") // 传入title参数
            )
        )
    );
  }
  @override
  Widget build(BuildContext context) {
    return Container(
        color: Colors.white,
        child:FlutterLogo(size:MediaQuery.of(context).size.height)
    );
  }
}

// 改为StatefulWidget
class SecondScreen extends StatefulWidget {
  final String title; // 定义title参数
  const SecondScreen({super.key, required this.title});

  @override
  State<SecondScreen> createState() => _SecondScreenState();
}

class _SecondScreenState extends State<SecondScreen> {
  late StreamSubscription subscription;
  var isDeviceConnected = false;
  bool isAlertSet = false;

  @override
  void initState(){
    super.initState();
    getConnectivity();
  }

  getConnectivity() =>
      subscription = Connectivity().onConnectivityChanged.listen(
            (ConnectivityResult result) async {
          isDeviceConnected = await InternetConnectionChecker().hasConnection;
          if (!isDeviceConnected && isAlertSet == false) {
            showDialogBox();
            setState(() => isAlertSet = true);
          }
        },
      );

  @override
  void dispose() {
    subscription.cancel();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
      return Scaffold(
          appBar: AppBar(
            title: Row(
                mainAxisAlignment:MainAxisAlignment.center,
                children:[
                  Image(
                    image: const AssetImage('images/logo.png'),
                    height: AppBar().preferredSize.height,),
                  const SizedBox(
                    width: 15,
                  ),
                  Text(
                      widget.title // 正确访问父组件的title参数
                  ),
                ]
            )
        )
     );
  }

  showDialogBox() => showCupertinoDialog<String>(
    context: context,
    builder: (BuildContext context) => CupertinoAlertDialog(
      title: const Text('No internet connection'),
      content: const Text('Please make sure you have an active internet connection to continue'),
      actions: <Widget>[
        TextButton(
          onPressed: () async {
            Navigator.pop(context, 'Cancel');
            setState(() => isAlertSet = false);
            isDeviceConnected =
            await InternetConnectionChecker().hasConnection;
            if (!isDeviceConnected && isAlertSet == false) {
              showDialogBox();
              setState(() => isAlertSet = true);
            }
          },
          child: const Text('OK'),
        ),
      ],
    ),
  );
}

• 将 SecondScreen 改为 StatefulWidget，并创建对应的 _SecondScreenState 子类
• 把 subscription、isDeviceConnected、isAlertSet 这些状态变量移到 _SecondScreenState 中
• 将 initState()、dispose() 生命周期方法放到 _SecondScreenState 类内，确保能正常调用 super.initState() 和 super.dispose()
• 为 SecondScreen 添加 title 参数，在 State 类中通过 widget.title 正确访问该属性
• 现在 setState() 可以正常调用，用于更新组件状态

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