Flutter波斯语输入插件persian_input的使用

Flutter波斯语输入插件persian_input的使用

波斯/阿拉伯数字输入格式化器

如果你在一个Flutter的TextField中使用digitsOnly格式化器选项，它只会对英文字母起作用，并且不能使用波斯/阿拉伯数字。然而，如果你不使用任何输入格式化器，那么你将无法将波斯/阿拉伯数字转换为整数。

如何使用

首先，你需要将以下依赖项添加到你的项目中：

dependencies:
  persian_input: ^版本号

然后，在你的文件中引入该包：

import 'package:persian_input/validator/number_validator.dart';

现在，只需在inputFormatters列表中添加PersianNumberValidator类即可。

TextField(
  inputFormatters: [
    PersianNumberValidator()
  ],
  decoration: const InputDecoration(
    hintText: 'With persian formatter'
  ),
)

完整示例代码

以下是完整的示例代码，展示了如何在Flutter应用中使用persian_input插件。

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:persian_input/validator/number_validator.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: '波斯输入格式化器',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key}) : super(key: key);

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  var _persian_controller = TextEditingController();
  var _main_controller = TextEditingController();
  var _onlynumber_controller = TextEditingController();

  int? _perisan_value;
  int? _main_value;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        elevation: 1,
        title: const Text("波斯/阿拉伯数字格式化器"),
      ),
      body: Padding(
        padding: const EdgeInsets.symmetric(vertical: 30, horizontal: 30),
        child: SingleChildScrollView(
          child: Column(
            children: [
              /*
              使用波斯输入格式化的文本框
               */
              TextField(
                controller: _persian_controller,
                inputFormatters: [
                  PersianNumberValidator()
                ],
                decoration: const InputDecoration(
                    hintText: '使用波斯格式化器'
                ),
              ),
              const SizedBox(height: 10,),
              /*
              显示结果
               */
              Row(
                children: [
                  TextButton(
                    onPressed: () {
                      setState(() {
                        _perisan_value = int.parse(_persian_controller.text);
                      });
                    },
                    child: const Text("值转整数"),
                  ),
                  const SizedBox(width: 15,),
                  Text('结果: $_perisan_value')
                ],
              ),


              /*
              普通文本框
               */
              const SizedBox(height: 50,),
              TextField(
                decoration: const InputDecoration(
                    hintText: '普通格式化器'
                ),
              ),
              const SizedBox(height: 10,),
              /*
              显示结果
               */
              Row(
                children: [
                  TextButton(
                    onPressed: () {
                      setState(() {
                        try {
                          _main_value = int.parse(_main_controller.text);
                        } catch (e) {
                          ScaffoldMessenger.of(context).showSnackBar(
                            SnackBar(
                              content: Text(e.toString(), style: TextStyle(color: Colors.white, fontSize: 18)),
                              duration: Duration(seconds: 2),
                              backgroundColor: Colors.red,
                            ),
                          );
                        }
                      });
                    },
                    child: Text("值转整数"),
                  ),
                  SizedBox(width: 15,),
                  Text('结果: $_main_value')
                ],
              ),

              /*
              只允许数字输入的文本框
               */
              const SizedBox(height: 50,),
              const Text("digitsOnly选项不允许使用波斯/阿拉伯数字"),
              const SizedBox(height: 20,),
              TextField(
                controller: _main_controller,
                keyboardType: TextInputType.number, // 设置键盘类型为数字
                inputFormatters: <TextInputFormatter>[
                  FilteringTextInputFormatter.digitsOnly, // 允许只输入数字
                ],
                decoration: const InputDecoration(
                    hintText: '普通格式化器'
                ),
              ),
              const SizedBox(height: 20,),
            ],
          ),
        ),
      ),
    );
  }
}