flutter - 通过MaterialPageRoute进行路由时，Flutter Page的数据未加载，但是热重加载是否正确加载了数据？

Question

我正在构建Flutter应用程序，并且有一个页面，其中包含一个填充有数据的表。我像这样加载数据:

class _AccountMenuState extends State<AccountMenu> { {
  List<Account> accounts;

  Future<List<Account>> getAccounts() async {
    final response = await http.get('http://localhost:5000/accounts/' + globals.userId);
    return jsonDecode(response);
  }

  setAccounts() async {
    accounts = await getAccounts();
  }

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

热重新加载页面时，此方法可以正常工作，但是当我通过MaterialPageRoute路由到此页面时，
像这样: Navigator.push(context, MaterialPageRoute(builder: (context) => AccountMenu()));则数据不存在。
我想念什么？我以为每次页面加载时 initState()都会被调用？

Answer 1

您不能直接在setState中执行initState，但可以将初始化包装在PostFrameCallback中，以确保initState的Widget生命周期完成。

    class _AccountMenuState extends State<AccountMenu> { {
      List<Account> accounts;
    
      Future<List<Account>> getAccounts() async {
        final response = await http.get('http://localhost:5000/accounts/' + globals.userId);
        return jsonDecode(response);
      }
    
      setAccounts() async {
        accounts = await getAccounts();
        setState(() {})
      }
    
      @override
      void initState() {
        WidgetsBinding.instance.addPostFrameCallback((_) => setAccounts());
        super.initState();
      }
    }