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

时间:2019-02-18 19:14:07

标签: variables text flutter output textfield

我用数字键盘做了一个简单的文本框。 用户要输入一个数字(为简单起见,我将数字设置为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
                    }
                  }
                })
          ],
        ),
      ),
    );
  }
}

1 个答案:

答案 0 :(得分:1)

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

Text(output)

,然后用print()函数替换setState()语句,以更新输出:

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

要首先避免出错,您必须初始化输出变量,而不是只写

String output;

String output = "";