Доступ и изменение переменной из разных классов в Flutter Dart

Question

У меня есть класс модели, который я использовал для создания объекта из одного из моих основных классов с состоянием. У меня есть текстовое поле и кнопка в моем основном классе. Но они оба совершенно разные классы. То есть у меня есть 3 разных класса в файле дартс (главная страница, текстовое поле, кнопка). Я хочу получить доступ и изменить объект, инициированный при сборке главной страницы в моем текстовом поле и кнопке.

Что я сделал: Я поставил свой объект поверх всех классов в моем файле dart, предполагая, что все классы имеют к ним доступ. Это был успех. Все классы имеют доступ к этому объекту, даже значения, инициированные для объекта с главной страницы, доступны в других классах (текстовое поле, кнопка).

Проблема, которая у меня сейчас есть: Несмотря на то, что у меня есть доступ к этим значениям в объекте, я не могу изменить его до последнего значения из FancyTextField класса независимо от StatusButton обновления класса ,

Что делает мой проект: Я получу некоторые значения из базы данных firestore на моей главной странице сборки и передам их в текстовое поле и кнопку в двух других классах. Таким образом, это похоже на мои ценности на этом. И я сохраню измененное значение из текстового поля и кнопки на объекте и загрузю его в базу данных firestore с главной страницы.

Полный код страницы:

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/painting.dart';
import 'package:flutter/services.dart';
import 'package:om/models/machine.dart';
import 'package:om/utils/kalaicons_icons.dart';

Machine machine;

class WorkshopTool extends StatefulWidget {
  final String rotary;

  WorkshopTool(this.rotary);

  @override
  _WorkshopToolState createState() => _WorkshopToolState(rotary);
}

class _WorkshopToolState extends State<WorkshopTool> {
  String rotary;
  bool _showOnScreen = true;

  _WorkshopToolState(this.rotary);

  @override
  Widget build(BuildContext context) {
    var screenSize = MediaQuery.of(context).size;

    return FutureBuilder(
        future: Firestore.instance
            .collection('productionrpt')
            .document(rotary)
            .get(),
        builder: (context, snapshot) {
          if (!snapshot.hasData)
            return Container(
                height: screenSize.height - 50.0,
                child: Center(
                  child: SizedBox(
                      height: 80.0,
                      width: 80.0,
                      child: CircularProgressIndicator(
                        valueColor:
                            AlwaysStoppedAnimation<Color>(Colors.green[600]),
                        strokeWidth: 15.0,
                      )),
                ));
          machine = Machine.fromMapObjext(snapshot.data);
          return Container(
            height: screenSize.height - 50.0,
            width: screenSize.width,
            child: Stack(
              children: <Widget>[
                SingleChildScrollView(
                  child: Column(
                    children: <Widget>[
                      //To make a empty column space for stack on top
                      Container(
                        height: 80.0,
                        padding: EdgeInsets.only(bottom: 5.0, right: 15.0),
                        child: Align(
                          alignment: Alignment.bottomRight,
                          child: Text(
                            machine.date,
                            style: TextStyle(
                                color: Colors.black,
                                fontSize: 17.0,
                                fontStyle: FontStyle.italic,
                                fontWeight: FontWeight.bold),
                          ),
                        ),
                      ),
                      FancyTextField('Production'),
                      FancyTextField('Damages'),
                      FancyTextField('Plan'),
                      SizedBox(
                        height: 20.0,
                      ),

                      Padding(
                          padding: EdgeInsets.only(
                              bottom:
                                  MediaQuery.of(context).viewInsets.bottom)),
                    ],
                  ),
                ),
                Container(
                  height: 50.0,
                  decoration: BoxDecoration(
                      color: Colors.green[400],
                      borderRadius:
                          BorderRadius.vertical(top: Radius.circular(15.0))),
                ),
                Align(
                  alignment: Alignment.bottomRight,
                  child: Padding(
                    padding: const EdgeInsets.all(20.0),
                    child: MaterialButton(
                        color: Colors.black,
                        padding: EdgeInsets.only(
                            top: 10.0, bottom: 10.0, left: 20.0, right: 20.0),
                        shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(15.0)),
                        child: Text(
                          'UPDATE',
                          style: TextStyle(
                              fontSize: 30.0,
                              fontWeight: FontWeight.bold,
                              color: Colors.white),
                        ),
                        onPressed: () {
                          print('Saved to cloud : ${machine.production}');
                          firebasePutData();
                        }),
                  ),
                ),
                Align(
                  alignment: Alignment.bottomLeft,
                  child: Padding(
                    padding: EdgeInsets.all(20.0),
                    child: StatusButton(),
                  ),
                ),
                Align(
                  alignment: Alignment.topLeft,
                  child: IconButton(
                      icon: Icon(
                        Icons.close,
                        size: 40,
                        color: Colors.black,
                      ),
                      onPressed: () {
                        print('Bottomsheet closed');
                      }),
                ),
                Align(
                  alignment: Alignment.topCenter,
                  child: Padding(
                    padding: const EdgeInsets.all(10.0),
                    child: Text(
                      machine.rotary,
                      style: TextStyle(
                          color: Colors.black,
                          fontSize: 20.0,
                          decoration: TextDecoration.underline,
                          fontWeight: FontWeight.bold),
                    ),
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.all(4.0),
                  child: Align(
                    alignment: Alignment.topRight,
                    child: Switch(
                        value: _showOnScreen,
                        activeTrackColor: Colors.black54,
                        activeColor: Colors.black,
                        inactiveThumbColor: Colors.grey[600],
                        inactiveTrackColor: Colors.grey[500],
                        onChanged: (v) {
                          _showOnScreen = !_showOnScreen;
                          print('Switch tapped');
                        }),
                  ),
                ),
              ],
            ),
          );
        });
  }

  void firebasePutData() {
    Firestore.instance
        .collection("productionrpt")
        .document(rotary)
        .updateData(machine.toMap());
    print('Data updated');
  }
} //End of main page STATE (a bottom sheet)

//#######################################################################################################
//############               FANCY TEXT FIELD FOR ENTERING MACHINE DATA                 #################

class FancyTextField extends StatefulWidget {
  final String _title;

  FancyTextField(
    this._title,
  );

  @override
  _FancyTextFieldState createState() => _FancyTextFieldState(this._title);
}

class _FancyTextFieldState extends State<FancyTextField> {
  final String _title;
  final TextEditingController _ctrl = TextEditingController();

  _FancyTextFieldState(this._title);

  @override
  void initState() {
    switch (_title) {
      case 'Production':
        _ctrl.text = machine.production.toString();
        break;
      case 'Plan':
        _ctrl.text = machine.plan.toString();
        break;
      case 'Damages':
        _ctrl.text = machine.damage.toString();
        break;
    }
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      height: 125.0,
      margin: EdgeInsets.all(8.0),
      decoration: BoxDecoration(
        color: Colors.green[400],
        borderRadius: BorderRadius.circular(15.0),
//                      boxShadow: [
//                        BoxShadow(
//                            blurRadius: 5, color: Colors.green[300], spreadRadius: 5)
//                      ]
      ),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          Text(
            _title,
            style: TextStyle(
                color: Colors.black,
                fontSize: 23.0,
                fontWeight: FontWeight.bold),
          ),
          Container(
            height: 50,
            width: 300,
            alignment: Alignment.center,
            padding: const EdgeInsets.all(5.0),
            margin: const EdgeInsets.only(
                top: 10.0, bottom: 10, left: 30.0, right: 30.0),
            decoration: BoxDecoration(
              color: Colors.white70,
              borderRadius: BorderRadius.circular(10),
            ),
            child: TextField(
              //maxLength: 5,
              controller: _ctrl,
              textAlign: TextAlign.center,
              keyboardType: TextInputType.number,
              style: TextStyle(
                color: Colors.black,
                fontSize: 30.0,
              ),
              decoration: InputDecoration(
                border: InputBorder.none,
              ),
              onChanged: (v) {
                switch (_title) {
                  case 'Production':
                    machine.production = int.parse(_ctrl.text);
                    break;
                  case 'Plan':
                    machine.plan = int.parse(_ctrl.text);
                    break;
                  case 'Damages':
                    machine.damage = int.parse(_ctrl.text);
                    break;
                }
                print('Prod: ${machine.production}');
              },
            ),
          ),
        ],
      ),
    );
  }
} //END OF CLASS FANCY TEXT FIELD

//######################################################################################################
//#######         A STATEFUL WIDGET FOR MACHINE STATUS BUTTON : running, off, breakdown       ##########

class StatusButton extends StatefulWidget {
  @override
  _StatusButtonState createState() => _StatusButtonState();
}

class _StatusButtonState extends State<StatusButton> {
  Color color;
  IconData icon;

  @override
  Widget build(BuildContext context) {
    switch (machine.stats) {
      case 0:
        color = Colors.grey[600];
        icon = Icons.power_settings_new;
        break;
      case 1:
        color = Colors.blue;
        icon = Icons.power_settings_new;
        break;
      default:
        color = Colors.red;
        icon = Kalaicons.breakdown;
        break;
    }

    return Container(
        height: 70.0,
        width: 70.0,
        decoration: BoxDecoration(
          color: color,
          shape: BoxShape.circle,
        ),
        child: IconButton(
          icon: Icon(
            icon,
            color: Colors.white,
            size: 50.0,
          ),
          onPressed: () {
            setState(() {
              machine.stats > 1 ? machine.stats = 0 : machine.stats++;
              print('Status button pressed:  ${machine.stats}');
            });
          },
        ));
  }
} //END OF CLASS STATUS BUTTON

Моя модель:

import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:intl/intl.dart';

class Machine {
  int _production;
  int _plan;
  int _damage;
  int _stats = 0;
  String _date = '~Not available';
  String _rotary;

//  Machine(this._production, this._damage, this._date,
//      [this._stats, this._plan]);

  int get production => this._production;

  int get plan => this._plan;

  int get damage => this._damage;

  int get stats => this._stats;

  String get date => this._date;

  String get rotary => this._rotary;

  set production(int updatedValue) {
    if (updatedValue != null) {
      this._production = updatedValue;
    }
  }

  set plan(int updatedValue) {
    if (updatedValue != null) {
      this._plan = updatedValue;
    }
  }

  set damage(int updatedValue) {
    if (updatedValue != null) {
      this._damage = updatedValue;
    }
  }

  set stats(int updatedValue) {
    this._stats = updatedValue;
  }

//  set date(String updatedValue) {
//    this._date = DateFormat.jm().format(DateTime.now());
//
//  }

//Function to set a map list of new data for firebase
  Map<String, dynamic> toMap() {
    var map = Map<String, dynamic>();
    map['production'] = this._production;
    map['plan'] = this._plan;
    map['damages'] = this._damage;
    map['stats'] = this._stats;
    map['date'] = DateFormat("MMMM dd, hh:mm a").format(DateTime.now());
    return map;
  }

//Constructor to extract firebase collections
  Machine.fromMapObjext(DocumentSnapshot map) {
    this._production = map['production'];
    this._plan = map['plan'];
    this._damage = map['damages'];
    this._stats = map['stats'];
    this._date = map['date'];
    this._rotary = map['machine'];
  }
}

ОБНОВЛЕНИЕ, КОТОРОЕ Я НЕДАВНО ЗАМЕТИЛ: Значение StatusButton обновляется gettiong для объекта и для firestore. однако значение updated FancyTextField отражается только внутри самого класса. Не обновляется глобально.

Answer 1

Наконец я обнаружил, что проблема сама по себе катится 3 дня. Проблема возникла из-за того, что при появлении клавиатуры виджет также получает состояние восстановления. Поскольку у меня были данные Firebase на FutureBuilder в сборке, мои старые данные снова были извлечены из FireBase и сохранены поверх вновь отредактированных данных.

Почему исходный текст я поместил в TextField не изменился? Поскольку я установил его в моем классе initState из FancyTextField, поэтому при перестройке виджета я не буду выполняться, и моё отредактированное значение останется прежним.

Почему значение StatusButton обновляется без сбоев? Потому что, когда я нажимаю на кнопку, клавиатура не выскакивает и сборка не перестраивается заново. Но позже я заметил, что после изменения моего состояния StatusButton на какое-то другое значение и нажатия на TextField превращает его в значение OLD (это значение, которое в настоящее время находится в базе данных Firebase). Так как сборка воссоздана. Вот как я это понял.

Что я сделал, чтобы преодолеть это: Я просто удалил свой FutureBuilder, который получает данные из firebase, и создал Future для того же самого и инициировал в initState.

Если кто-нибудь захочет, я могу показать обновленный код здесь