Random 如何在有状态小部件之间传递随机数据？

我有两个有状态的班级——一等和二等。 在头等舱我有两个按钮；'+'和“-”，它将接收随机数（如1+3或5-2）。 然后，这些随机数将在第二类中显示为文本

您可以在internet上找到一些关于如何将数据传递到有状态小部件的示例（这里有一些很好的链接）

所有这些例子的共同点是，它们假设您的数据是最终的。因为我的数字是随机的，所以我不能使用final-这就是我被卡住的地方

我在第一个问题中有点不清楚，但目标是获得如下输出 2 + 5 =_ . 用户将在文本字段中填写答案。按下按钮后，答案将返回到总和，并查看答案是否正确。如果答案正确->做这个，否则->做那个

增加了一个更好的键盘

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

void main() => runApp(MyHome());

class MyHome extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'passing data',
      theme: ThemeData(primarySwatch: Colors.red),
      home: FirstClass(),
    );
  }
}

class FirstClass extends StatefulWidget {
  @override
  _FirstClassState createState() => _FirstClassState();
}

class _FirstClassState extends State<FirstClass> {
  final random = Random();
  int a, b, sum;
  String output;

  void changeData(String buttonName) {
    setState(() {
      a = random.nextInt(10);
      b = random.nextInt(10);

      if (buttonName == '+') {
        sum = a + b;
        output = '$a + $b = ';
      } else if (buttonName == '-') {
        if (a >= b) {
          sum = a - b;
          output = '$a - $b = ';
        } else if (b > a) {
          //sum cannot be negative here
          sum = b - a;
          output = '$b - $a = ';
        }
      }
      print(sum.toString());
      Navigator.of(context).popUntil(ModalRoute.withName('/'));
      Navigator.of(context).push(MaterialPageRoute(
          builder: (context) => SecondClass(
                sum: sum,
                refresh: changeData,
                output: output,
                  )));
        });
      }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('First Screen'),
      ),
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            //      Text('$a + $b = $sum'),
            RaisedButton(child: Text('+'), onPressed: () => 
changeData('+')),
            RaisedButton(child: Text('-'), onPressed: () => changeData('- 
   ')),
               ],
            ),
          ),
        );
      }
    }

class SecondClass extends StatefulWidget {
  final int sum;
  final String output;
  final String correction;

  final Function refresh;

  SecondClass({this.sum, this.refresh, this.output, this.correction});

  @override
  _SecondClassState createState() => _SecondClassState();
}

class _SecondClassState extends State<SecondClass> {
  String enterAnswer;
  String correct;

  void changeAnswer() {
    if (enterAnswer.isNotEmpty) {
      if (enterAnswer == widget.sum.toString()) {
        correct = 'Correct';
        print('Correct Answer.');
      } else {
         correct = 'Wrong Answer';
         print('Wrong Answer');
      }
    } else {
      correct = 'Enter Value First';
      print('Enter Value First');
    }
  }

  @override
  void initState() {
    super.initState();
  }

  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Second Screen'),
      ),
      body: Center(
        child: Container(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                 children: <Widget>[
                  Text(widget.output),
                  Container(
                      width: 50.0,
                      TextField(
                        keyboardType: TextInputType.number,
                        onChanged: (val) {
                          enterAnswer = val;
                         },
                      )),
                ],
              ),
              RaisedButton(
                  child: Text('Check Answer'), onPressed: () => 
changeAnswer()),
              Text('$correct'),
            ],
          ),
        ),
      ),
    );
  }
}

导入“包装：颤振/材料.省道”；
导入“dart:math”；
void main（）=>runApp（MyHome（））；
类MyHome扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回材料PP(
标题：“传递数据”，
主题：主题数据（原始样本：颜色。红色），
首页：头等舱（），
);
}
}
类FirstClass扩展StatefulWidget{
@凌驾
_FirstClassState createState（）；
}
类_FirstClassState扩展了状态{
最终随机=随机（）；
整数a，b，和；
字符串输出；
void changeData（字符串按钮名称）{
设置状态（）{
a=随机。nextInt（10）；
b=随机。nextInt（10）；
如果（buttonName=='+'）{
总和=a+b；
输出='$a+$b='；
}如果（buttonName='-'），则为else{
如果（a>=b）{
总和=a-b；
输出='$a-$b='；
}否则，如果（b>a）{
//这里的和不能为负
sum=b-a；
输出='$b-$a='；
}
}
打印（sum.toString（））；
Navigator.of（context.popintil）（ModalRoute.withName（'/'）；
导航器.of（上下文）.push（MaterialPageRoute(
生成器：（上下文）=>SecondClass(
sum:sum，
刷新：更改数据，
输出：输出，
)));
});
}
@凌驾
小部件构建（构建上下文）{
返回脚手架(
appBar:appBar(
标题：文本（“第一屏”），
),
正文：中(
子：列(
mainAxisSize:mainAxisSize.min，
儿童：[
//文本（“$a+$b=$sum”），
RaisedButton（子项：文本（“+”），ON按下：（）=>
changeData（“+”），
RaisedButton（子项：文本（'-'）），ON按下：（）=>changeData（'-
')),
],
),
),
);
}
}
类SecondClass扩展StatefulWidget{
最终整数和；
最终字符串输出；
最终管柱校正；
最终功能刷新；
第二类（{this.sum，this.refresh，this.output，this.correction}）；
@凌驾
_SecondClassState createState（）=>\u SecondClassState（）；
}
类_SecondClassState扩展状态{
字符串输入应答；
字符串正确；
void changearsh（）{
如果（输入答案。isNotEmpty）{
if（enterAnswer==widget.sum.toString（））{
正确=‘正确’；
打印（“正确答案”）；
}否则{
正确='错误答案'；
打印（“错误答案”）；
}
}否则{
correct='首先输入值'；
打印（“先输入值”）；
}
}
@凌驾
void initState（）{
super.initState（）；
}
小部件构建（构建上下文）{
返回脚手架(
appBar:appBar(
标题：文本（“第二屏”），
),
正文：中(
子：容器(
子：列(
mainAxisAlignment:mainAxisAlignment.center，
儿童：[
划船(
mainAxisAlignment:mainAxisAlignment.center，
儿童：[
文本（widget.output），
容器(
宽度：50.0，
文本字段(
键盘类型：TextInputType.number，
一旦更改：（val）{
enterAnswer=val；
},
)),
],
),
升起的按钮(
子项：文本（'检查答案'），按下时：（）=>
changeAnswer（）），
文本（“$correct”），
],
),
),
),
);
}
}

---

为什么“$correct”不会显示为文本？我在另一个项目中也尝试过同样的方法，但效果很好，那么我做错了什么呢？

您可以通过second class的构造函数将数据传递给second class，并使用widget.your_数据访问它。应使用最终版本

因为StatefulWidget继承了Widget，Widget被标记为@immutable，所以StatefulWidget的任何子类也必须是不可变的（即所有字段都是final）

我根据您的问题创建了简单用例，看看它是否是您想要的：

    class FirstClass extends StatefulWidget {
      @override
      FirstClassState createState() => FirstClassState();
    }

    class FirstClassState extends State<FirstClass> {
      final random = Random();
      int a, b, sum;

      void changeData() {
        setState(() {
          a = random.nextInt(10);
          b = random.nextInt(10);
          sum = a + b;
        });
      }

      @override
      Widget build(BuildContext context) {
        return Scaffold(
          body: SecondClass(
            a: a,
            b: b,
            sum: sum,
          ),
          floatingActionButton: FloatingActionButton(
            child: Icon(Icons.refresh),
            onPressed: changeData,
          ),
        );
      }
    }

class第一类扩展了StatefulWidget{
@凌驾
FirstClassState createState（）=>FirstClassState（）；
}
类FirstClassState扩展状态{
最终随机=随机（）；
整数a，b，和；
void changeData（）{
设置状态（）{
a=随机。nextInt（10）；
b=随机。nextInt（10）；
总和=a+b；
});
}
@凌驾
小部件构建（构建上下文）{
返回脚手架(
身体：二等(
a:a，
b:b，
sum:sum，
),
浮动操作按钮：浮动操作按钮(
子：图标（Icons.refresh），
onPressed:changeData，
),
);
}
}

获取数据的第二类是：

     class SecondClass extends StatefulWidget {
      final int a;
      final int b;
      final int sum;

      SecondClass({this.a, this.b, this.sum});

      @override
      _SecondClassState createState() => _SecondClassState();
    }

    class _SecondClassState extends State<SecondClass> {
      @override
      Widget build(BuildContext context) {
        return Container(
          child: Center(
            child: Text('${widget.a} + ${widget.b} = ${widget.sum}'),
          ),
        );
      }
    }

class第二类扩展StatefulWidget{
最终INTA；
最终int b；
最终整数和；
第二类（{this.a，this.b，this
import 'package:flutter/material.dart';
import 'dart:math';

void main() => runApp(MyHome());

class MyHome extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'passing data',
      theme: ThemeData(primarySwatch: Colors.red),
      home: FirstClass(),
    );
  }
}

class FirstClass extends StatefulWidget {
  @override
  _FirstClassState createState() => _FirstClassState();
}

class _FirstClassState extends State<FirstClass> {
  final random = Random();
  int a, b, sum;
  String output;

  void changeData(String buttonName) {
    setState(() {
      a = random.nextInt(10);
      b = random.nextInt(10);

      if (buttonName == '+') {
        sum = a + b;
        output = '$a + $b = ';
      } else if (buttonName == '-') {
        if (a >= b) {
          sum = a - b;
          output = '$a - $b = ';
        } else if (b > a) {
          //sum cannot be negative here
          sum = b - a;
          output = '$b - $a = ';
        }
      }
      print(sum.toString());
      Navigator.of(context).popUntil(ModalRoute.withName('/'));
      Navigator.of(context).push(MaterialPageRoute(
          builder: (context) => SecondClass(
                sum: sum,
                refresh: changeData,
                output: output,
              )));
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('First Screen'),
      ),
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            //      Text('$a + $b = $sum'),
            RaisedButton(child: Text('+'), onPressed: () => changeData('+')),
            RaisedButton(child: Text('-'), onPressed: () => changeData('-')),
          ],
        ),
      ),
    );
  }
}

class SecondClass extends StatefulWidget {
  final int sum;
  final String output;

  final Function refresh;

  SecondClass({this.sum, this.refresh, this.output});

  @override
  _SecondClassState createState() => _SecondClassState();
}

class _SecondClassState extends State<SecondClass> {
  String enterAnswer;

  @override
  void initState() {
    super.initState();
  }

  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Second Screen'),
      ),
      body: Center(
        child: Container(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Text(widget.output),
                  Container(
                      width: 50.0,
                      child: TextField(
                        onChanged: (val) {
                          enterAnswer = val;
                        },
                      )),
                ],
              ),
              RaisedButton(
                onPressed: () {
                  if (enterAnswer.isNotEmpty) {
                    if (enterAnswer == widget.sum.toString()) {
                      print('Correct Answer.');
                    } else {
                      print('Wrong Answer');
                    }
                  } else {
                    print('Enter Value First');
                  }
                },
                child: Text('Check Answer'),
              )
            ],
          ),
        ),
      ),
    );
  }
}