使用小数输入的Flutter

在Flutter中，可以使用TextField小部件来实现小数输入。下面是一个示例代码：

import 'package:flutter/material.dart';

class DecimalInputPage extends StatefulWidget {
  @override
  _DecimalInputPageState createState() => _DecimalInputPageState();
}

class _DecimalInputPageState extends State<DecimalInputPage> {
  TextEditingController _controller = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Decimal Input Example'),
      ),
      body: Padding(
        padding: EdgeInsets.all(16.0),
        child: TextField(
          controller: _controller,
          keyboardType: TextInputType.numberWithOptions(decimal: true),
          decoration: InputDecoration(
            labelText: 'Enter a decimal number',
          ),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          double number = double.tryParse(_controller.text);
          if (number != null) {
            showDialog(
              context: context,
              builder: (BuildContext context) {
                return AlertDialog(
                  title: Text('Decimal Number'),
                  content: Text('The entered number is $number'),
                  actions: <Widget>[
                    FlatButton(
                      child: Text('OK'),
                      onPressed: () {
                        Navigator.of(context).pop();
                      },
                    ),
                  ],
                );
              },
            );
          } else {
            showDialog(
              context: context,
              builder: (BuildContext context) {
                return AlertDialog(
                  title: Text('Error'),
                  content: Text('Invalid decimal number'),
                  actions: <Widget>[
                    FlatButton(
                      child: Text('OK'),
                      onPressed: () {
                        Navigator.of(context).pop();
                      },
                    ),
                  ],
                );
              },
            );
          }
        },
        child: Icon(Icons.check),
      ),
    );
  }
}

void main() {
  runApp(MaterialApp(
    home: DecimalInputPage(),
  ));
}

在这个示例中，我们创建了一个包含一个TextField小部件的DecimalInputPage小部件。我们将TextField的keyboardType属性设置为TextInputType.numberWithOptions(decimal: true)以启用小数输入。

当用户点击浮动操作按钮时，我们将尝试将输入的文本转换为double类型。如果转换成功，我们将显示一个AlertDialog来显示输入的小数。如果转换失败，我们将显示一个错误的AlertDialog。

要运行这个示例，您需要在Flutter开发环境中创建一个Flutter项目，并将以上代码复制到main.dart文件中。