Flutter中build方法内调用Hooks仍报错的问题排查与解决

兄弟，你遇到这个问题的核心原因是你的MyHomePage没有正确关联Flutter Hooks的上下文——要么它不是HookWidget，要么如果是有状态组件的话，对应的State类没混入HooksMixin。Flutter Hooks要求调用useMemoized、useEffect这类Hook方法的Widget必须是Hook相关的类型，不然框架找不到Hook的执行上下文，就会抛出这个断言错误。

下面分两种场景给你对应的修复方案：

情况1：你的MyHomePage是无状态组件 #

这是最常见的场景，只需要把父类从StatelessWidget改成HookWidget即可：

import 'package:flutter_hooks/flutter_hooks.dart';

class MyHomePage extends HookWidget {
  const MyHomePage({super.key});

  @override
  Widget build(BuildContext context) {
    // 现在Hook调用就合法了
    useMemoized(() => DeeplinkHandler.init(context));
    useEffect(() => DeeplinkHandler.cancel, const []);

    // 你的其他build代码，比如返回页面结构
    return Scaffold(
      appBar: AppBar(title: const Text('Home Page')),
      body: const Center(child: Text('DeepLink Test')),
    );
  }
}

情况2：你的MyHomePage是有状态组件 #

如果必须使用StatefulWidget，那就在对应的State类里混入HooksMixin：

import 'package:flutter_hooks/flutter_hooks.dart';

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> with HooksMixin {
  @override
  Widget build(BuildContext context) {
    useMemoized(() => DeeplinkHandler.init(context));
    useEffect(() => DeeplinkHandler.cancel, const []);

    return Scaffold(/* 你的页面结构 */);
  }
}

额外要注意的点 #

• 确保你已经在pubspec.yaml里添加了flutter_hooks依赖，并且执行过flutter pub get：

  dependencies:
    flutter:
      sdk: flutter
    flutter_hooks: ^0.20.0 # 替换成最新版本即可
  

• Hook方法必须在build方法的顶层调用，不能放在if判断、循环或者嵌套函数里——你现在的写法是符合要求的，这点不用改。

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