Flutter自定义文本插件ma_custom_text的使用

特性

Mariapps 自定义文本小部件以减少时间消耗。

开始使用

1. 添加依赖

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

dependencies:
  ma_custom_text: ^1.0.0

然后运行以下命令以更新依赖项：

flutter pub get

2. 导入库

在需要使用该插件的 Dart 文件中导入库：

import 'package:ma_custom_text/ma_custom_text.dart';

3. 使用示例

以下是一个完整的示例，展示如何使用 ma_custom_text 插件来创建一个自定义文本小部件。

完整代码示例

import 'package:flutter/material.dart';
import 'package:ma_custom_text/ma_custom_text.dart'; // 导入插件

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('ma_custom_text 示例'),
        ),
        body: Center(
          child: CustomTextExample(), // 使用自定义文本小部件
        ),
      ),
    );
  }
}

class CustomTextExample extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        // 示例 1: 默认样式
        MaCustomText(
          text: "默认样式",
          style: TextStyle(fontSize: 20, color: Colors.blue),
        ),

        SizedBox(height: 20), // 添加间距

        // 示例 2: 带有点击事件的文本
        MaCustomText(
          text: "点击我",
          style: TextStyle(fontSize: 18, color: Colors.green),
          onTap: () {
            print("文本被点击了！");
          },
        ),

        SizedBox(height: 20),

        // 示例 3: 自定义对齐方式
        MaCustomText(
          text: "居中对齐",
          textAlign: TextAlign.center,
          style: TextStyle(fontSize: 24, color: Colors.red),
        ),
      ],
    );
  }
}