Как вызвать setState без получения бесконечного цикла? - PullRequest
0 голосов
/ 07 мая 2019

У меня есть StatefulWidget, который должен получить переменную учетной записи пользователя, хранящуюся в SharePreferences, для отображения всех его данных в формах отображения и изменения виджета.

Я могу читать и отображать эти переменные в формах, но моя проблема возникает при обновлении учетной записи и переменных SharedPreferences. С этим кодом, когда все будет обновлено, мои формы обновляются также с новыми переменными. Но бывает так, что я получаю бесконечный цикл, потому что мой успех SnackBar всплывает снова и снова.

Если я не вызову _loadAccount () до моего SnackBar, сообщение появится один раз.

Как я могу исправить этот бесконечный цикл? Какой компонент вызывает эту бесконечную сборку?

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();
    });
  }
}
...