Flutter数字系统转换插件numeral_system的使用

Flutter数字系统转换插件numeral_system的使用

这个插件可以帮助你根据国际或印度数字系统显示数字。国际数字系统指的是以个位、十位、百位、千位、万位、十万位、百万位等为单位计数的系统。印度或阿拉伯数字系统指的是以个位、十位、百位、千位、万位、十万位、百万位、千万位、亿位等为单位计数的系统。

目录

• 特性
• 安装
• 支持与反馈

特性

• 可以使用任何一种数字系统。
• 可以添加文本样式。
• 可以选择在小数点后显示几位数字。

安装

在pubspec.yaml文件中添加包依赖：

dependencies:
  numeral_system:

导入包：

import 'package:numeral_system/numeral_system.dart';

将NumeralSystem组件添加到Widget树中：

Scaffold(
    body: Center(
        child:
            // 默认为国际系统，并且保留两位小数
            NumeralSystem(digit: 934023),
        )
    )

对于印度系统：

NumeralSystem(
    numberSystem: NumberSystem.indian,
    digit: 987387659876,
    digitAfterDecimal: DigitAfterDecimal.one,
),

对于三位小数：

NumeralSystem(
    digit: 195659876,
    numberSystem: NumberSystem.indian,
    digitAfterDecimal: DigitAfterDecimal.three,
),

添加文本样式：

NumeralSystem(
    digit: 987654,
    digitAfterDecimal: DigitAfterDecimal.three,
    textStyle: TextStyle(
        fontSize: 20,
        fontWeight: FontWeight.bold,
        color: Colors.red)),
),

支持与反馈

如果你觉得还有遗漏的地方，可以打开一个Issue或者贡献代码！你可以通过以下方式联系我：

• LinkedIn
• GitHub
• Medium
• Google DevLibrary

示例代码

以下是一个完整的示例代码，展示了如何使用numeral_system插件：

// ignore_for_file: prefer_const_constructors, prefer_const_literals_to_create_immutables

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

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

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

  // 这个widget是应用的根组件
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(home: Demo());
  }
}

class Demo extends StatefulWidget {
  const Demo({super.key});

  [@override](/user/override)
  State<Demo> createState() => _DemoState();
}

class _DemoState extends State<Demo> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Numeral System"),
        centerTitle: true,
      ),
      body: Center(
        child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              // 默认为国际系统
              NumeralSystem(digit: 12345000),

              // 添加文本样式
              NumeralSystem(
                  digit: 987654,
                  digitAfterDecimal: DigitAfterDecimal.three,
                  textStyle: TextStyle(
                      fontSize: 20,
                      fontWeight: FontWeight.bold,
                      color: Colors.red)),

              // 小数点后两位
              NumeralSystem(
                numberSystem: NumberSystem.indian,
                digit: 987387659876,
                digitAfterDecimal: DigitAfterDecimal.two,
              ),

              // 三位小数
              NumeralSystem(
                digit: 195659876,
                numberSystem: NumberSystem.indian,
                digitAfterDecimal: DigitAfterDecimal.three,
              ),
            ]),
      ),
    );
  }
}