Как получить данные общих настроек перед сборкой виджета?

У меня есть несколько текстовых полей с подсказками и нижней навигацией. Текст, введенный в текстовое поле (на странице 1), будет сохранен в общих настройках «при изменении».

Когда я нажимаю на нижнюю навигационную страницу следующей (страница 2) и снова возвращаюсь на страницу 1, кажется, что виджет перестраивается и отображает hintText перед отображением сохраненных данных общих предпочтений на виджете.

Я попытался получить данные общих предпочтений во время initState, но это не сработало. Я также пробовал использовать future builder, однако, когда я набирал значение в TextField не так гладко, иногда текст мерцал между символами до и после. Я не уверен, какой метод мне следует использовать или я ошибаюсь в коде.

Может ли кто-нибудь посоветовать, какой метод мне использовать?

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

login.dart

  @override
  Widget build(BuildContext context){

    return new Scaffold(
        appBar: new AppBar(
          title: Text('Login Page'),
        ),

        body: bottomNav[currentBottomNavIndex],

        bottomNavigationBar: BottomNavigationBar(
          onTap: onTapped,
          currentIndex: currentBottomNavIndex,
          type: BottomNavigationBarType.fixed,
          items: [
            BottomNavigationBarItem(
              icon: Icon(Icons.home),
              title: Text("Page1"),
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.mail),
              title: Text('Page2'),
            ),
          ],
        ),


    );

  }

page1.dart

class Page1 extends StatefulWidget {

  @override
  State<StatefulWidget> createState() {
    return _Page1State();
  }
}

class _Page1State extends State<Page1> {

  TextEditingController name = TextEditingController();

  String name_str;

  Future<String> getName(String key) async {
    final SharedPreferences prefs = await SharedPreferences.getInstance();

    name_str = prefs.getString(key);

    setState(() {
      name = new TextEditingController(text: name_str);
    });

    return name_str;
  }

  Future<bool> setName(String key, String value) async {
    final SharedPreferences prefs = await SharedPreferences.getInstance();

    return prefs.setString(key, value);
  }

  @override
  void initState() {
    super.initState();
    getName('name');
  }


  @override
  Widget build(BuildContext context) {


   //return FutureBuilder(

        //future: getName('name'),
        //builder: (BuildContext context, AsyncSnapshot<String> snapshot) {

        //      if (snapshot.hasData) {

                return Container(

                    margin: EdgeInsets.all(100.0),
                    width: 185,
                    child: Center(
                        child: TextField(

                          controller: name,
                          textAlign: TextAlign.center,
                          decoration: new InputDecoration(
                            hintText: "Name (Original)",
                          ),

                          onTap:() {
                            name.clear();
                            setName('name', '');

                          },

                          onChanged: (String str) {
                            setState(() {
                              name_str = str;
                              setName('name', str);
                            });
                          },
                        )
                    )
                );
     //         }else{
     //           return Container();
     //         }

     //   }
    //);

  }
}

Page2.dart

class Page2 extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Center(
        child: Text('Page2'),
      ),
    );
  }
}

person speedlight    schedule 20.04.2019    source источник


Ответы (1)


Я думаю, что проблема здесь

setState(() {
  name = new TextEditingController(text: name_str);
});

делая это

новый TextEditingController (текст: name_str);

вместо этого создаст новый экземпляр, просто обновит значение контроллера имен, используя общие настройки.

 setState(() {
      name.text=name_str;
    });

Это должно сработать для вас

person primo    schedule 20.04.2019
comment
Спасибо. Оно работает. У меня есть несколько текстовых полей, знаете ли вы, как использовать Future Builder с несколькими текстовыми полями? - person speedlight; 20.04.2019
comment
с какой целью вы хотите использовать будущий строитель? - person primo; 20.04.2019