Flutter数字LCD显示插件lcd_number_text的使用

特性

此包（或组件）可以在任何平台上使用，因为它与平台无关。

• 可以自定义组件的颜色

安装

在 pubspec.yaml 文件中添加依赖，导入文件，即可开始使用。

在 pubspec.yaml 中添加依赖

dependencies:
  lcd_number_text: ^0.0.2

导入组件到 Dart 文件

import 'package:lcd_number_text/lcd_number_text.dart';

使用方法

你可以找到更多使用细节在 示例代码 中。

完整示例代码

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

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  // 这个 widget 是应用的根节点。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const LCDNumberTextExample(),
    );
  }
}

class LCDNumberTextExample extends StatelessWidget {
  const LCDNumberTextExample({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('LCD 数字显示'),
      ),
      body: const SingleChildScrollView(
        child: Row(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [
            Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                SizedBox(
                  height: 112,
                  child: LCDNumberText(
                    number: 1,
                    color: Colors.red,
                  ),
                ),
                SizedBox(
                  height: 112,
                  child: LCDNumberText(
                    number: 2,
                    color: Colors.green,
                  ),
                ),
                SizedBox(
                  height: 112,
                  child: LCDNumberText(
                    number: 3,
                    color: Colors.orange,
                  ),
                ),
                SizedBox(
                  height: 112,
                  child: LCDNumberText(
                    number: 4,
                    color: Colors.cyan,
                  ),
                ),
                SizedBox(
                  height: 112,
                  child: LCDNumberText(
                    number: 5,
                    color: Colors.yellow,
                  ),
                ),
              ],
            ),
            Column(
              children: [
                SizedBox(
                  height: 112,
                  child: LCDNumberText(
                    number: 6,
                    color: Colors.blueAccent,
                  ),
                ),
                SizedBox(
                  height: 112,
                  child: LCDNumberText(
                    number: 7,
                    color: Colors.pink,
                  ),
                ),
                SizedBox(
                  height: 112,
                  child: LCDNumberText(
                    number: 8,
                    color: Colors.deepPurple,
                  ),
                ),
                SizedBox(
                  height: 112,
                  child: LCDNumberText(
                    number: 9,
                    color: Colors.brown,
                  ),
                ),
                SizedBox(
                  height: 112,
                  child: LCDNumberText(
                    number: 0,
                    color: Colors.lightGreen,
                  ),
                ),
              ],
            )
          ],
        ),
      ),
    );
  }
}