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

问题描述 投票:0回答:1

我用一个数字键盘制作了一个简单的文本字段。用户要输入一个数字(为简单起见,我将数字设置为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
                    }
                  }
                })
          ],
        ),
      ),
    );
  }
}
variables text flutter output textfield
1个回答
1
投票

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

Text(output)

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

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

要在第一个地方没有得到错误,你必须初始化输出变量,所以不要只写

String output;

String output = "";
© www.soinside.com 2019 - 2024. All rights reserved.