Как передать изменения заданного состояния от родительского к дочернему виджету во флаттере?

Я объявил int 'k' и меняю его значение на основе ввода пользователя с помощью функции установки состояния. Изменения значения «k» отражаются на функции питания. Но при передаче значения «k» в функцию флажка оно всегда равно 2 (начальное значение).

В основном изменения состояния набора не передаются флажку, даже если виджет «Питание» перестраивается.

    class Nutrition extends StatefulWidget {
      @override
      _Nutrition createState() => _Nutrition();
    }
    
    class _Nutrition extends State<Nutrition> {
      DateTime now = DateTime.now().toLocal();
      int k = 2;

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('CqMyOE via Nutrition'),
      ),
      body: SingleChildScrollView(
        child: Container(
          color: Colors.grey[200],
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: [
                  FlatButton(
                    onPressed: () {
                      setState(() {
                        k = 0;
                      });
                    },
                    child: Text(
                      DateFormat('dd-MMM').format(now),
                    ),
                    color: (k == 0) ? Colors.greenAccent : Colors.grey,
                  ),
                  FlatButton(
                    onPressed: () {
                      setState(() {
                        k = 1;
                      });
                    },
                    child: Text(
                      DateFormat('dd-MMM')
                          .format(now.subtract(new Duration(days: 1))),
                    ),
                    color: (k == 1) ? Colors.greenAccent : Colors.grey,
                  ),
                  FlatButton(
                    onPressed: () {
                      setState(() {
                        k = 2;
                      });
                    },
                    child: Text(
                      DateFormat('dd-MMM')
                          .format(now.subtract(new Duration(days: 2))),
                    ),
                    color: (k == 2) ? Colors.greenAccent : Colors.grey,
                  ),
                  FlatButton(
                    onPressed: () {
                      setState(() {
                        k = 3;
                      });
                    },
                    child: Text(
                      DateFormat('dd-MMM')
                          .format(now.subtract(new Duration(days: 3))),
                    ),
                    color: (k == 3) ? Colors.greenAccent : Colors.grey,
                  ),
                ],
              ),
              Card(
                child: Row(
                  children: [
                    Expanded(
                      flex: 1,
                      child: Padding(
                        padding: const EdgeInsets.fromLTRB(8, 16, 8, 16),
                        child: Text('Salt awareness' + k.toString()),
                      ),
                    ),
                    Expanded(
                      child: Row(
                        children: [
                          CheckBox(
                            10,
                            nutritionDB.get(curDate).record[10] ?? '0',
                            k,
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
              ),
             ]
           )
         )
       )
     )
}

class CheckBox extends StatefulWidget {
  final int index;
  final String value;
  // final String date;
  final int k;
  CheckBox(this.index, this.value, this.k);
  @override
  State<StatefulWidget> createState() =>
      _CheckBox(index, value == '1' ? true : false, k);
}

class _CheckBox extends State<CheckBox> {
  int index;
  bool checked;
  // String date;
  int k;
  _CheckBox(this.index, this.checked, this.k);

  @override
  Widget build(BuildContext context) {
    return IconButton(
      icon: Icon(
        checked ? Icons.check : Icons.clear,
      ),
      color: checked ? Colors.green : Colors.red,
      onPressed: () {
        final nutritionDB = Hive.box<NutritionData>('NutritionDB');

        List<String> temp = nutritionDB.get(day3).record;
        temp[index] = !checked ? '1' : '0';
        NutritionData temp1 = new NutritionData(temp);
        nutritionDB.put(day3, temp1);
        setState(() {
          print(k);
          checked = !checked;
        });
      },
    );
  }
}

flutter

25.12.2020 09:14

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

630

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете скопировать и вставить полный код ниже
В демонстрационных целях я добавляю значение k перед IconButton
Вы можете в didUpdateWidget сбросить k = widget.k;
фрагмент кода

class _CheckBox extends State<CheckBox> {
  ...

  @override
  void didUpdateWidget(covariant CheckBox oldWidget) {
    if (oldWidget.k != widget.k) {
      k = widget.k;
    }

    super.didUpdateWidget(oldWidget);
  }

рабочая демонстрация

полный код

import 'package:flutter/material.dart';
import 'package:intl/intl.dart';

class Nutrition extends StatefulWidget {
  @override
  _Nutrition createState() => _Nutrition();
}

class _Nutrition extends State<Nutrition> {
  DateTime now = DateTime.now().toLocal();
  int k = 2;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text('CqMyOE via Nutrition'),
        ),
        body: SingleChildScrollView(
            child: Container(
                color: Colors.grey[200],
                child: Column(
                    mainAxisAlignment: MainAxisAlignment.start,
                    children: [
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceAround,
                        children: [
                          FlatButton(
                            onPressed: () {
                              setState(() {
                                k = 0;
                              });
                            },
                            child: Text(
                              DateFormat('dd-MMM').format(now),
                            ),
                            color: (k == 0) ? Colors.greenAccent : Colors.grey,
                          ),
                          FlatButton(
                            onPressed: () {
                              setState(() {
                                k = 1;
                              });
                            },
                            child: Text(
                              DateFormat('dd-MMM')
                                  .format(now.subtract(new Duration(days: 1))),
                            ),
                            color: (k == 1) ? Colors.greenAccent : Colors.grey,
                          ),
                          FlatButton(
                            onPressed: () {
                              setState(() {
                                k = 2;
                              });
                            },
                            child: Text(
                              DateFormat('dd-MMM')
                                  .format(now.subtract(new Duration(days: 2))),
                            ),
                            color: (k == 2) ? Colors.greenAccent : Colors.grey,
                          ),
                          FlatButton(
                            onPressed: () {
                              setState(() {
                                k = 3;
                              });
                            },
                            child: Text(
                              DateFormat('dd-MMM')
                                  .format(now.subtract(new Duration(days: 3))),
                            ),
                            color: (k == 3) ? Colors.greenAccent : Colors.grey,
                          ),
                        ],
                      ),
                      Card(
                        child: Row(
                          children: [
                            Expanded(
                              flex: 1,
                              child: Padding(
                                padding:
                                    const EdgeInsets.fromLTRB(8, 16, 8, 16),
                                child: Text('Salt awareness' + k.toString()),
                              ),
                            ),
                            Expanded(
                              child: Row(
                                children: [
                                  CheckBox(
                                    10,
                                    "nutritionDB.get(curDate).record[10]" ??
                                        '0',
                                    k,
                                  ),
                                ],
                              ),
                            ),
                          ],
                        ),
                      ),
                    ]))));
  }
}

class CheckBox extends StatefulWidget {
  final int index;
  final String value;
  // final String date;
  final int k;
  CheckBox(this.index, this.value, this.k);
  @override
  State<StatefulWidget> createState() =>
      _CheckBox(index, value == '1' ? true : false, k);
}

class _CheckBox extends State<CheckBox> {
  int index;
  bool checked;
  // String date;
  int k;
  _CheckBox(this.index, this.checked, this.k);

  @override
  void didUpdateWidget(covariant CheckBox oldWidget) {
    if (oldWidget.k != widget.k) {
      k = widget.k;
    }

    super.didUpdateWidget(oldWidget);
  }

  @override
  Widget build(BuildContext context) {
    return Row(
      children: [
        Text("k $k"),
        IconButton(
          icon: Icon(
            checked ? Icons.check : Icons.clear,
          ),
          color: checked ? Colors.green : Colors.red,
          onPressed: () {
            //final nutritionDB = Hive.box<NutritionData>('NutritionDB');

            //List<String> temp = nutritionDB.get(day3).record;
            //temp[index] = !checked ? '1' : '0';
            //NutritionData temp1 = new NutritionData(temp);
            //nutritionDB.put(day3, temp1);
            setState(() {
              print(k);
              checked = !checked;
            });
          },
        ),
      ],
    );
  }
}

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Nutrition(),
    );
  }
}

Спасибо. Это было именно то, что я искал.

— 26.12.2020 11:59

25.12.2020 09:42