Flutter 从另一个 class 访问 StatefulWidget 的 State class 变量

Question

我有一个 StatefulWidget class 'FirstClass'，它扩展了一个状态“_FirstClassState”。从一个名为“_SecondClassState”的单独状态 class，我试图访问一个变量的值（在“_FirstClassState”中称为 'counter'）。

我找到了解决方案，但我不确定这是否是解决问题的最佳方案。我试过查看其他类似的问题：

（在StatefulWidgetclass中声明变量并在Stateclass中使用'widget.'不允许我得到[=34=的值] 来自 '_SecondClassState')
我还看到其他推荐使用 GlobalKey 的网站。然而，即使这可能是一个解决方案，我也没有进一步探讨这个问题，因为我发现其他网站建议尽量减少使用 GlobalKeys

second_class.dart:

import 'package:brew_crew/question/first_class.dart';
import 'package:flutter/material.dart';

class SecondClass extends StatefulWidget {
  @override
  _SecondClassState createState() => _SecondClassState();
}

class _SecondClassState extends State<SecondClass> {
  final FirstClass firstClass = FirstClass();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("MyApp"),
        centerTitle: true,
      ),
      body: Column(
        children: <Widget>[
          firstClass, //Displays the button to increase 'counter'
          FlatButton(
              child: Text("Submit"),
              onPressed: () {
                print(firstClass
                    .getCounter()); //I need to get the value of 'counter' here to use elsewhere
              }),
        ],
      ),
    );
  }
}

first_class.dart

import 'package:flutter/material.dart';

class FirstClass extends StatefulWidget {
  final _FirstClassState firstClassState = _FirstClassState();

  @override
  _FirstClassState createState() => firstClassState;

  int getCounter() {
    return firstClassState.counter;
  }
}

class _FirstClassState extends State<FirstClass> {
  int counter = 0;

  //Increases counter by 1
  void _increaseCounter() {
    setState(() {
      counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    //A button which increases counter when clicked
    return FlatButton.icon(
      icon: Icon(Icons.add),
      label: Text("Counter: $counter"),
      onPressed: () {
        _increaseCounter();
      },
    );
  }
}

如您所见，在 'FirstClass' 内，我初始化了“_FirstClassState”的新实例。在 'getCounter()' 函数中使用它，我可以获得 'counter' 值。

有没有比这更好的方法（例如最佳实践、更少的代码行、更容易理解的方法等）来实现我正在尝试做的事情？

Answer 1

如果您绝对必须从外部访问小部件的状态，那么使用 GlobalKey 绝对是推荐的方法。但是，在这种情况下，您不应该使用任何一种方法。

_SecondClassState 应包含 counter，您应将其与 increaseCounter 函数一起作为参数传递给 FirstClass。如果你想增加数字，调用那个函数就可以了。

大致如下：

class SecondClass extends StatefulWidget {
  @override
  _SecondClassState createState() => _SecondClassState();
}

class _SecondClassState extends State<SecondClass> {
  int counter = 0;

  //Increases counter by 1
  void _increaseCounter() {
    setState(() {
      counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("MyApp"),
        centerTitle: true,
      ),
      body: Column(
        children: <Widget>[
          FirstClass(counter: counter, increaseCounter: _increaseCounter), //Displays the button to increase 'counter'
          FlatButton(
              child: Text("Submit"),
              onPressed: () {
                print(counter.toString()); //I need to get the value of 'counter' here to use elsewhere
              }),
        ],
      ),
    );
  }
}

class FirstClass extends StatefulWidget {
  final int counter;
  final Function increaseCounter;

  FirstClass({this.counter, this.increaseCounter});

  final _FirstClassState firstClassState = _FirstClassState();

  @override
  _FirstClassState createState() => firstClassState;
}

class _FirstClassState extends State<FirstClass> {
  @override
  Widget build(BuildContext context) {
    //A button which increases counter when clicked
    return FlatButton.icon(
      icon: Icon(Icons.add),
      label: Text("Counter: ${widget.counter}"),
      onPressed: () {
        widget.increaseCounter();
      },
    );
  }
}

Flutter 从另一个 class 访问 StatefulWidget 的 State class 变量

Flutter accessing State class variable of StatefulWidget from a different class

flutter

statefulwidget