text_gradiate 1.0.1

A Flutter package for creating gradient text in an easy way. This package allows you to add gradient effects to text in your Flutter app effortlessly.

Text Gradiate 👉🏻 For Colorful Texts

A Flutter package for creating gradient text in an fastest way. This package allows you to add gradient effected text in your Flutter app effortlessly.

Features🌈

• Easily create text with gradient colors.
• Customize gradient colors and types, including linear, radial, or sweep gradients.
• Control various gradient properties such as starting and ending points, tiling strategy, center and focal points, focal radius, angles, stops, and transform matrix.

Screenshots📸

Installation📦

To use this package, add text_gradiate as a dependency in your pubspec.yaml file.

dependencies:
  text_gradiate: ^1.0.1

copied to clipboard

Then, import the package into your Dart code:

import 'package:text_gradiate/text_gradiate.dart';

copied to clipboard

Usage🛠️

Wrap your text widget with TextGradiate and specify the desired gradient properties.

TextGradiate(
  text: Text(
    'Hello, Gradient!',
    style: TextStyle(fontSize: 24.0),
  ),
  colors: [Colors.blue, Colors.green],
  gradientType: GradientType.linear,
  begin: Alignment.centerLeft,
  end: Alignment.centerRight,
  tileMode: TileMode.clamp,
)

copied to clipboard

Example🫣

Here's a simple example that shows how to use the TextGradiate widget with some properties:

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('TextGradiate Example'),
        ),
        body: Center(
          child: TextGradiate(
            text: Text(
              'Hello, Gradient!',
              style: TextStyle(fontSize: 24.0),
            ),
            colors: [Colors.blue, Colors.green],
            gradientType: GradientType.linear,
            begin: Alignment.centerLeft,
            end: Alignment.centerRight,
            tileMode: TileMode.clamp,
          ),
        ),
      ),
    );
  }
}

copied to clipboard

Properties Usage🫧

• text: The child widget to which the gradient effect will be applied.

• colors: The list of colors to use for the gradient.

• gradientType: Specifies the type of gradient (linear, radial, or sweep).

• begin (for linear gradients): The starting point of the gradient.

• end (for linear gradients): The ending point of the gradient.

• tileMode (for linear gradients): The tiling strategy for the gradient.

• center (for radial and sweep gradients): The center point of the gradient.

• focal (for radial gradients): The focal point of the gradient.

• focalRadius (for radial gradients): The focal radius of the gradient.

• startAngle (for sweep gradients): The starting angle of the gradient.

• endAngle (for sweep gradients): The ending angle of the gradient.

• stops: The stops of the gradient.

• transform: The transform matrix for the gradient (applicable only for linear and sweep gradients).

TextGradiate(
  text: Text(
    'Hello, Gradient!',
    style: TextStyle(fontSize: 24.0),
  ),
  colors: [Colors.blue, Colors.green],
  gradientType: GradientType.linear,
  begin: Alignment.centerLeft,
  end: Alignment.centerRight,
  tileMode: TileMode.clamp,
)

copied to clipboard

Support❤️

• Android: Supported on SDK 16 and above.
• iOS: Supported on iOS 11.0 and above.
• Linux: Any Linux distribution.
• macOS: Supported on macOS 10.14 and above.
• Web: Supported on all web browsers.
• Windows: Supported on all Windows versions.

---