1

我正在尝试使用颤振制作一个计算器应用程序，而不是通过键盘输入我想通过一些按钮输入。当我按下一个按钮但它没有在上面的文本小部件中显示相应的数据时，就会出现问题。

我所有的类都是无状态的，除了第一个 MyApp 类，它是有状态的。

我尝试在所有类之外创建一个通用变量，并使用它将文本从按钮类传输到显示类，但这不起作用。

一般变量是“_calcText”

class DisplayAnswer extends StatelessWidget {

  final String _text;

  DisplayAnswer(this._text);

  @override
  Widget build(BuildContext context) {
    return Expanded(
      flex: 2,
      child: Material(
        color: Colors.greenAccent,
        child: Ink(
          padding: EdgeInsets.all(10.0),
          child: Center(
            child: Container(
              constraints: BoxConstraints.expand(),
              decoration: BoxDecoration(border: Border.all(color: Colors.black, width: 5.0), color: Colors.white),
              child: Text(_text,style: TextStyle(fontSize: 50.0), textAlign: TextAlign.center,),
            ),
          ),
        ),
      ),
    );
  }
}


class NumButtons extends StatelessWidget {
  final String _number;

  NumButtons(this._number);

  @override
  Widget build(BuildContext context) {
    return FlatButton(
      onPressed: () {
        _calcText = _calcText + _number;
        print(_calcText);
        DisplayAnswer(_calcText);
      } ,
      child: Text(_number.toString(), style: TextStyle(fontSize: 30.0),),
      color: Colors.white
    );
  }
}

我想在 DisplayAnswer 的 Text 小部件中显示 _calcText 的值。我希望 _calcText 在单击其他按钮时也发生变化，即；如果单击 2 文本应仅显示 2，如果单击 5 之后应显示 25

完整代码在这里： https ://drive.google.com/open?id=1C4MLAkjowloicbjBP_uV8BfpPzhz4Yxf

4

1 回答 1

0

使用 Statefull 小部件 insted of StatelessWidget。加法运算后调用函数setState()上的方法。onPressed它将使用新值构建您的小部件。

在 上DisplayAnswer，您必须创建一个函数来增加值，而不是将此函数作为参数传递给NumButtons.

将回调传递Function给NumButtons，例如：

class NumButtons extends StatelessWidget {
  final String _number;
  final Function callback;
...
于 2019-04-23T21:59:47.560 回答