Flutter中initState使用问题：build返回Widget?类型报错

你在实现状态提升和条件渲染时遇到了以下错误：

A value of type 'Widget?' can't be returned from the method 'build' because it has a return type of 'Widget'

错误原因 #

build方法的返回类型是非空的Widget，但你声明的activeScreen是可空类型Widget?。Dart的空安全机制不允许直接将可空类型赋值给非空类型，除非你明确确保变量不会为null。

解决方案 #

方案1：使用空断言运算符!（最适配你的场景）

你在initState中已经初始化了activeScreen，后续切换页面时也都是赋值非null的Widget，因此可以确定activeScreen永远不会为null。直接用!告诉编译器该变量非空：

@override
Widget build(context) {
  return activeScreen!;
}

方案2：使用空合并运算符??（添加兜底逻辑）

如果想避免空断言的潜在风险（尽管你的场景不会出现），可以用??提供一个默认Widget作为兜底，确保即使activeScreen意外为null时也能正常显示：

@override
Widget build(context) {
  return activeScreen ?? const Scaffold(
    body: Center(child: Text('加载中...')),
  );
}

方案3：将activeScreen声明为非空类型（从根源消除可空问题）

既然你在initState里已经完成了activeScreen的初始化，完全不需要将其声明为可空类型。直接改为非空的Widget即可：

class _QuizPageState extends State<QuizPage> {
  // 去掉?，声明为非空Widget
  Widget activeScreen;

  @override
  void initState() {
    super.initState();
    activeScreen = HomeScreen(switchScreen);
  }

  void switchScreen() {
    setState(() {
      activeScreen = const QuestionsScreen();
    });
  }

  @override
  Widget build(context) {
    return activeScreen;
  }
}

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