Flutter文本处理插件textuality的使用

Textuality Package

Textuality 是一个强大的Flutter包，通过各种可定制的文本效果和样式增强文本小部件的外观。借助此包，您可以轻松地为Flutter应用添加渐变文本、描边文本、霓虹效果、阴影效果、交互式文本等。

Features

• GradientText: 添加渐变色到您的文本。
• StrokeText: 为您的文本添加轮廓或描边。
• NeonText: 创建发光的霓虹文本效果。
• ChipText: 在样式的芯片容器中显示文本。
• ShadowText: 为您的文本添加可自定义的阴影。
• InteractiveText: 使文本支持点击、轻触或自定义手势交互。
• MultiColorText: 显示多色文本，即使在同一字符串内。
• RotatedText: 按任意方向旋转文本，包括垂直。
• BlurredText: 为您的文本添加模糊效果。
• BorderedBackgroundText: 为您的文本背景添加边框。

每个小部件接受各种可选参数进行自定义，如样式、文本对齐方式、最大行数、溢出等。

Installation

要在您的Flutter项目中使用textuality包，请按照以下步骤操作：

1. 将包添加到您的pubspec.yaml文件：

   dependencies:
     textuality: ^0.0.1
   

2. 运行以下命令以安装包：

   flutter pub get
   

示例代码

下面是一个如何在Flutter应用中使用Textuality包的示例：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Textuality Package Preview',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: TextualityExample(),
    );
  }
}

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

  @override
  State<TextualityExample> createState() => _TextualityExampleState();
}

class _TextualityExampleState extends State<TextualityExample> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        backgroundColor: Colors.white,
        title: Text(
          'Textuality Package Preview',
          style: TextStyle(color: Colors.black),
        ),
      ),
      body: SingleChildScrollView(
        padding: EdgeInsets.all(16.0),
        child: Center(
          child: Column(
            children: [
              // Gradient Text
              GradientText(
                text: 'Gradient Text',
                giveGradient: [Colors.blue, Colors.green],
                style: TextStyle(fontSize: 40, fontWeight: FontWeight.bold),
              ),
              SizedBox(height: 20),

              // Stroke Text
              StrokeText(
                text: 'Stroke Text',
                strokeColor: Colors.red,
                strokeWidth: 8.0,
                style: TextStyle(
                    fontSize: 40,
                    fontWeight: FontWeight.bold,
                    color: Colors.purpleAccent),
              ),
              SizedBox(height: 20),

              // Neon Text
              NeonText(
                text: 'Neon Effect Text',
                glowColor: Colors.cyan,
                blurRadius: 20.0,
                style: TextStyle(
                    fontSize: 40,
                    fontWeight: FontWeight.bold,
                    color: Colors.blue),
              ),
              SizedBox(height: 20),

              // Text Chips
              ChipText(
                text: 'Text Chip',
                chipColor: Colors.blueAccent,
                style: TextStyle(fontSize: 20, color: Colors.white),
              ),
              SizedBox(height: 20),

              // Shadow Text
              ShadowText(
                  text: 'Shadow Effect Text',
                  shadows: [
                    Shadow(
                      blurRadius: 5.0,
                      color: Colors.amber,
                      offset: Offset(5, 5),
                    ),
                  ],
                  style: TextStyle(
                      fontSize: 40,
                      fontWeight: FontWeight.bold,
                      color: Colors.white)),
              SizedBox(height: 20),
              ShadowText.simple(
                text: 'Simple Shadow Effect Text',
                style: TextStyle(
                  fontSize: 24,
                  fontWeight: FontWeight.bold,
                  color: Colors.blue,
                ),
                shadowColor: Colors.red,
                shadowBlurRadius: 8.0,
                shadowOffset: Offset(3, 3),
              ),
              SizedBox(height: 20),

              // Multi-Color Text
              MultiColorText(
                spans: [
                  TextSpan(
                    text: 'Multi',
                    style: TextStyle(color: Colors.blue, fontSize: 40),
                  ),
                  TextSpan(
                    text: 'Color ',
                    style: TextStyle(color: Colors.green, fontSize: 40),
                  ),
                  TextSpan(
                    text: 'Text',
                    style: TextStyle(color: Colors.red, fontSize: 40),
                  ),
                ],
              ),
              SizedBox(height: 20),

              // InteractiveTextuality
              InteractiveText(
                text: 'on Tap',
                onTap: () {},
                style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
              ),
              SizedBox(height: 20),

              // Rotated Text
              RotatedText(
                text: 'Rotated Text',
                rotationAngle: 0.5, // Rotate 90 degrees
                style: TextStyle(fontSize: 40, fontWeight: FontWeight.bold),
              ),
              SizedBox(height: 20),

              // Blurred Text
              BlurredText(
                text: 'Blurred Text',
                blurStrength: 5.0,
                style: TextStyle(fontSize: 40, fontWeight: FontWeight.bold),
              ),
              SizedBox(height: 20),

              // Bordered Background Text
              BorderedBackgroundText(
                text: 'Bordered Background Text',
                borderColor: Colors.black,
                borderWidth: 3.0,
                backgroundColor: Colors.yellow,
                style: TextStyle(fontSize: 40, fontWeight: FontWeight.bold),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

以上代码展示了如何使用Textuality包中的不同组件来创建具有丰富视觉效果的文本。你可以根据需要调整参数以适应你的应用程序设计。

Changelog

请参阅CHANGELOG.md文件获取更新信息。

License

本包根据MIT许可证授权。

Author

由Hassan Zaheer开发。