使用文本字段输入获取值输出

Question

我用数字键盘制作了一个简单的文本字段。 用户输入一个数字（为简单起见，我将数字设置为 sum=5）。

如果输入为 = sum，则会在屏幕上打印文本“正确答案”。如果用户输入 !=sum，则返回的文本将是“错误答案”。

为了测试我是否真的得到了正确的数字，我有一个测试打印，它的功能是正确的。

我的问题是如何将此打印输出转换为文本（以便在应用程序中显示为文本）。

我一直在考虑验证和表单，但由于我实际上已经得到了正确的答案，这表明我已经得到了正确的值。对吧？

我已经尝试了很多方法，但到目前为止都没有任何效果，因此感谢您提供任何帮助。谢谢。

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Textfields2',
      home: MyHomeScreen(),
    );
  }
}

class MyHomeScreen extends StatefulWidget {
  @override
  _MyHomeScreenState createState() => _MyHomeScreenState();
}

class _MyHomeScreenState extends State<MyHomeScreen> {
  final int sum = 5;
  String output;
  String enterAnswer;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            TextField(
              textAlign: TextAlign.center,
              keyboardType: TextInputType.number,
              decoration: InputDecoration(hintText: '?'),
              onChanged: (val) {
                enterAnswer = val;
              },
            ),
            RaisedButton(
                child: Text('Submit Answer'),
                onPressed: () {
                  if (enterAnswer.isNotEmpty) {
                    if (enterAnswer == sum.toString()) {
                      print('Correct'); //INTO TEXT
                    } else {
                      print('Wrong Answer');//INTO TEXT
                    }
                  }
                })
          ],
        ),
      ),
    );
  }
}

Answer 1

在RaisedButton 下方添加一个Text 小部件。它应该看起来像这样：

Text(output)

，然后用更新输出的setState() 函数替换print() 语句：

setState(() {output = 'Correct';});

为了不出错，你必须初始化输出变量，而不是只写

String output;

写

String output = "";