Flutter入门项目计算器多端开发

很适宜新手第一天用来配置跑通Flutter。修改自旧版本的Flutter项目，通过移植到Flutter 3.19.6, Dart 3.3.4重新编译。Github仓库分享： DodgeHo/FlutterCalculator。这篇文章给大家带来一个非常简单的。如果使用过程中有疑问欢迎联系我。入门项目，一个仅有唯一页面的。

道安澜

291人浏览 · 2024-04-18 17:58:37

道安澜 · 2024-04-18 17:58:37 发布

这篇文章给大家带来一个非常简单的Flutter入门项目，一个仅有唯一页面的计算器 ，很适宜新手第一天用来配置跑通Flutter。修改自旧版本的Flutter项目，通过移植到Flutter 3.19.6, Dart 3.3.4重新编译。

预览效果如下：
计算器


  @override
  Widget build(BuildContext context) {
    return new Scaffold(
        appBar: new AppBar(
          title: new Text(widget.title),
        ),
        body: new Container(
            child: new Column(
          children: <Widget>[
            new Container(
              alignment: Alignment.centerRight,
              padding: new EdgeInsets.symmetric(
                vertical: 24.0,
                horizontal: 12.0
              ),
              child: new Text(output, style: new TextStyle(
                fontSize: 48.0,
                fontWeight: FontWeight.bold,
                
              ))),
            new Expanded(
              child: new Divider(),
            ),
            

            new Column(children: [
              new Row(children: [
                buildButton("7"),
                buildButton("8"),
                buildButton("9"),
                buildButton("/")
              ]),

              new Row(children: [
                buildButton("4"),
                buildButton("5"),
                buildButton("6"),
                buildButton("X")
              ]),

              new Row(children: [
                buildButton("1"),
                buildButton("2"),
                buildButton("3"),
                buildButton("-")
              ]),

              new Row(children: [
                buildButton("."),
                buildButton("0"),
                buildButton("00"),
                buildButton("+")
              ]),

              new Row(children: [
                buildButton("CLEAR"),
                buildButton("="),
              ])
            ])
          ],
        )));
  }
}