flutter - 如何在 Flutter 中创建数字输入字段?

我无法找到一种方法来在 Flutter 中创建一个输入字段,该字段会打开一个数字键盘并且应该只接受数字输入。 Flutter Material 小部件可以做到这一点吗?一些 GitHub 讨论似乎表明这是一个受支持的功能,但我找不到任何关于它的文档。

最佳答案

您可以将数字指定为 keyboardType对于TextField使用:

keyboardType: TextInputType.number

检查我的 main.dart 文件

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return new MaterialApp(
      home: new HomePage(),
      theme: new ThemeData(primarySwatch: Colors.blue),
    );
  }
}

class HomePage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return new HomePageState();
  }
}

class HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      backgroundColor: Colors.white,
      body: new Container(
          padding: const EdgeInsets.all(40.0),
          child: new Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          new TextField(
            decoration: new InputDecoration(labelText: "Enter your number"),
            keyboardType: TextInputType.number,
            inputFormatters: <TextInputFormatter>[
    FilteringTextInputFormatter.digitsOnly
], // Only numbers can be entered
          ),
        ],
      )),
    );
  }
}

https://stackoverflow.com/questions/49577781/

相关文章:

flutter - 将数据传递给 StatefulWidget 并在 Flutter 中以它的状态访

flutter - 如何从我的 Flutter 代码中打开 Web 浏览器 (URL)?

android - Flutter Pub : Expected a key while parsi

flutter - 以编程方式滚动到 ListView 的末尾

firebase - 类型 'List' 不是类型 'List'

android - Visual Studio Code - URI 目标不存在 'package:

flutter - 如何使应用栏的标题居中

flutter - 如何更改 CircularProgressIndicator 的颜色

flutter - 如何在 Flutter 中停用或覆盖 Android "BACK"按钮?

dart - Flutter 中的多行文本字段