Flutter: динамически добавлять вкладки и сохранять состояние с помощью AutomaticKeepAliveClientMixin - PullRequest
Новая
       6

Flutter: динамически добавлять вкладки и сохранять состояние с помощью AutomaticKeepAliveClientMixin

0 голосов
/ 01 января 2019

Я пытаюсь создать форму с вкладками.В каждой вкладке у меня есть TextFormField.На вкладках есть AutomaticKeepAliveClientMixin для сохранения их состояния.Вкладки можно создавать динамически.Когда новая вкладка создана, она вставляется в середину списка вкладок.

Проблема: при вставке новой вкладки ее TextFormField сохраняет состояние следующей вкладки и т. Д.Вроде состояния держатся в порядке от 1 до n.Есть ли способ сохранить правильное состояние для вкладок?

Заранее спасибо. 

import 'package:flutter/material.dart';

class TabTesting extends StatefulWidget {
  @override
  _TabTestingState createState() => _TabTestingState();
}

class _TabTestingState extends State<TabTesting> with TickerProviderStateMixin {

  List<MyTab> _tabs = [
      MyTab(TabData("1", "1")),
      MyTab(TabData("3", "3")),
  ];

  TabController _tabController;

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

    _tabController = new TabController(vsync: this, length: _tabs.length);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("TabTesting"),
        bottom: TabBar(
          controller: _tabController,
          labelPadding: EdgeInsets.symmetric(vertical: 16.0),
          tabs: _tabs.map((tab) => Text(tab.tabData.name)).toList(),
        ),
      ),
      body: Container(
        padding: EdgeInsets.all(32.0),
        child: TabBarView(
          controller: _tabController,
          children: _tabs,
        ),
      ),
      persistentFooterButtons: <Widget>[
        RaisedButton(
          child: Text("Add tab"),
          onPressed: () {
            final newTab = MyTab(TabData("2", "2"));
            final newTabs = _tabs;
            newTabs.insert(1, newTab);
            final index = _tabController.index;
            setState(() {
              _tabs = newTabs;             
              _tabController = TabController(
                  vsync: this,
                  length: newTabs.length,
                  initialIndex: index);
            });
          },
        ),
      ],
    );
  }
}

class MyTab extends StatefulWidget {

  final tabData;

  MyTab(this.tabData);

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

class _MyTabState extends State<MyTab> with AutomaticKeepAliveClientMixin {

  @override
  bool get wantKeepAlive => true;

  @override
  Widget build(BuildContext context) {
    return Tab(
      child: TextFormField(
        decoration: InputDecoration(labelText: widget.tabData.name),
        initialValue: widget.tabData.data,
      ),
    );
  }
}

class TabData {
  String name;
  String data;

  TabData(this.name, this.data);
}
...