如何在不获取无限循环的情况下致电SetState



我有一个statefulwidget,它需要检索存储在SharePreferences中的用户帐户变量,以在widget的显示和修改形式中显示其所有数据。

我能够在表单中读取和显示这些变量,但是当我更新帐户和sharedPreferences变量时,我的问题出现了。使用此代码,当所有内容都已更新后,我的表单也随着新变量而更新。但是碰巧我得到了一个无限的循环,因为我的成功Snackbar一次又一次。

如果我在snackbar之前不致电_loadaccount((,则消息出现一次。

如何纠正这个无限循环?哪个组件导致这种无限的构建?

class AccountForm extends StatefulWidget {
  final AccountBloc accountBloc;
  AccountForm({
    Key key,
    @required this.accountBloc
  }) : super(key: key);
  @override
  State<AccountForm> createState() => _AccountFormState();
}
class _AccountFormState extends State<AccountForm> {
  Account _account;
  SharedPreferences prefs;
  @override
  void initState() {
    super.initState();    
    _loadAccount();
  }
  void _loadAccount() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    Map accountMap = json.decode(prefs.getString('account'));
    setState(() {
      _account = Account.fromJson(accountMap);
    });
  }
  @override
  Widget build(BuildContext context) {
    return _account == null ? new Container() :
    new BlocBuilder<AccountEvent, AccountState>(
      bloc: _accountBloc,
      builder: (BuildContext context, AccountState state) {
        if(state is AccountSuccess) {
          _loadAccount();
          _onWidgetDidBuild(() {
            Scaffold.of(context).showSnackBar(
              SnackBar(
                content: Text('${state.message}'),
                backgroundColor: Colors.green,
              ),
            );
          });
        }
        return new DefaultTabController(
          //...
            body: new TabBarView(
              children: <Widget>[
                new ListView( // Display form
                  children: [
                    new ListTile(
                      leading: Icon(Icons.person),
                      title: Text('Name'),
                      subtitle: Text(_account.lastName + " " + 
_account.firstName)
                    ), 
                  //...
                ),
                new Form( // Modification form
                  //...
                )
              ]
            )
          )
        );
      }
    );
  }
  void _onWidgetDidBuild(Function callback) {
    WidgetsBinding.instance.addPostFrameCallback((_) {
      callback();
    });
  }
}

不,我找不到解决方案。因此,我更改了整个处理事件的系统,然后使用了集团。这样可以效果更好,不再循环了。谢谢

相关内容

最新更新