使用文本框输入获取值输出

Question

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

如果输入为=sum，屏幕上将打印文本'correct answer'。如果用户输入 !=sum，返回的文本将是 'wrong answer'.

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

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

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

我已经尝试了很多东西，但到目前为止没有任何效果，因此非常感谢您的帮助。谢谢。

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 = "";

使用文本框输入获取值输出

Use textfield input to get a value output

variables

text

textfield

output

flutter