сохранить состояние из внешнего виджета - PullRequest
Новая
       7

сохранить состояние из внешнего виджета

0 голосов
/ 28 февраля 2020

У меня есть внешний каркас с панелью приложения с кнопкой действия, при нажатии которой я хочу сохранить состояние внутреннего виджета с сохранением состояния в хранилище перманента - как лучше всего вызвать метод внутреннего виджета из внешняя панель приложения, а также уметь делать Scaffold.of (контекст) в вызываемом методе? 

class AISSettings extends StatelessWidget {
  static const String route = 'settings/ais';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('AIS settings'), 
        actions: <Widget>[
          IconButton(icon: Icon(Icons.check), onPressed: () => {/* call _SettingsState.saveStuff() */} ),
        ],
      ),
      bottomNavigationBar: Navbar(),
      body: AISSettingsForm(),
    );
  }
}
class AISSettingsForm extends StatefulWidget {

  @override
  _SettingsState createState() => _SettingsState();
}
class _SettingsState extends State<AISSettingsForm> {
  final _formKey = GlobalKey<_SettingsState>();
  Map<String, dynamic> _options;

  saveStuff() {
    // Scaffold.of(context).showSnackBar(....)
  }
}

Ответы [ 2 ]

1 голос
/ 28 февраля 2020

Вы должны сделать внешний класс с сохранением состояния и внутренний класс без сохранения состояния или состояния, чтобы метод setState () внешнего класса отражался во внутреннем классе. ниже я приведу ваш пример с некоторыми изменениями. 

class AISSettings extends StatefulWidget {
  static const String route = 'settings/ais';
  final _formKey = GlobalKey<_SettingsState>();
  Map<String, dynamic> _options;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('AIS settings'),
        actions: <Widget>[
          IconButton(icon: Icon(Icons.check), onPressed: () => {/* call     _SettingsState.saveStuff() */} ),
        ],
      ),
      //bottomNavigationBar: Navbar(),
      body: AISSettingsForm(),
    );
  }

  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return null;
  }
}
class AISSettingsForm extends StatefulWidget {

  @override
  _SettingsState createState() => _SettingsState();
}
class _SettingsState extends State<AISSettingsForm> {
  saveStuff() {
    // Scaffold.of(context).showSnackBar(....)
  }

  @override
      Widget build(BuildContext context) {
        // TODO: implement build
        return null;
      }
    }
0 голосов
/ 29 февраля 2020

Это то, с чем я закончил, что позволяет мне сохранять настройки с кнопки панели приложения и показывать снэк-бар. В другом компоненте с представлением с вкладками я поднял состояние и передал виджет «Состояние» в дочерние виджеты TabBarView, чтобы они могли обновлять состояние. 

class AISSettings extends StatefulWidget {
  static const String route = 'settings/ais';

  @override
  _SettingsState createState() => _SettingsState();
}

class _SettingsState extends State<AISSettings> {
  final _formKey = GlobalKey<_SettingsState>();
  Map<String, dynamic> _options;

  saveStuff(context) {
    // do stuff to save the settings to perm storage....
    Scaffold.of(context).showSnackBar(....)
  }
  setValue(key, value) {
    setState(() => _options[key] = value);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('AIS settings'),
        actions: <Widget>[
          Builder(
            builder: (context) => IconButton(
              icon: Icon(Icons.check),
              onPressed: () => {saveStuff(context)}),
            )
        ],
      ),
      bottomNavigationBar: Navbar(),
      body: ListView(
        children: [
          StatelessWidget1(this, _options),
          StatelessWidget2(this, _options),
          StatelessWidget3(this, _options),
      ])
    );
  }
}

class StatelessWidget1 extends StatelessWidget {
  final Map<String, dynamic> settings;
  final _SettingsState parent;

  StatelessWidget1(this.parent, this.settings);
  @override
  Widget build(BuildContext context) {
    return Slider(
       key: Key('variation'),
       min: -20.0,
       max: 20.0,
       label: '${settings['variation']}\u00B0',
       divisions: 40,
       value: 0.0 + settings['variation']
       onChanged: (val) => parent.setValue('variation', val),
    );
  }
}
...