Блог

Я пытаюсь показать цену товаров в корзине, но общая стоимость должна быть указана в текстовом поле. Я сохраняю данные в SQLite и извлекаю их, а затем показываю виджету, но когда я пытаюсь получить доступ total_price к другому виджету, он не обновляется, но когда я снова нажимаю горячую перезагрузку, данные отображаются, но не в первый раз, когда я открываю страницу

   return FutureBuilder<List<CartModel>>(
      future: fetchCartFromDatabase(),
      builder: (context, snapshot) {

        if (snapshot.hasData amp;amp; snapshot.data.length > 0) {
           cartCount = snapshot.data.length;
           for(int i = 0;i<snapshot.data.length;i  ){
            var price = snapshot.data[i].product_price.split("₹");
            total_price =double.parse(price[1]);
          }
  } else if (snapshot.hasData amp;amp; snapshot.data.length == 0) {
          return new Text("No Data found");
        }
        else
          {
            return new Container(
              alignment: AlignmentDirectional.center,
              child: new CircularProgressIndicator(),
            );
          }
);
  

инициализировано значение

   int cartCount = 0;
  double total_price=0.0;
  

FutureBuilder Обновляет только своих дочерних элементов. Чтобы обновить значение другого виджета, вы должны использовать setState .

Лучшим способом было бы перевести FutureBuilder на верхний уровень или использовать какой-нибудь менеджер состояний, например provider.

Чтобы использовать setState, вам необходимо инициализировать выборку из initState stetefullWidget (или вызвать его из функции). Таким образом, вам не понадобится FutureBuilder, и вам придется рефакторинговать свой код:

 class YourWidget extends StatefulWidget {
  @override
  _YourWidgetState createState() => _YourWidgetState();
}

class _YourWidgetState extends State<YourWidget> {
  double total_price = 0;

  @override
  void initState() {
    super.initState();
    fetchCartFromDatabase().then((value){
      setState((){
        for(int i = 0;i<value.length;i  ){
          var price = value[i].product_price.split("₹");
          total_price =double.parse(price[1]);
        } 
      });
    });
  }
}
  

Обратный вызов addPostFrameCallback не является хорошим решением, поскольку он обновляет значение только в следующем кадре. Когда приложение растет, это приводит к задержкам.

Чтобы продолжить использование FutureBuilder, переместите дерево виджетов, которое необходимо обновить, внутрь FutureBuilder.