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

Question

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

Answer 1

您可以将数字指定为 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
          ),
        ],
      )),
    );
  }
}