versatile_gradient_text 0.0.4 copy "versatile_gradient_text: ^0.0.4" to clipboard
versatile_gradient_text: ^0.0.4 copied to clipboard

We are used to container, button and appbar with gradient design. But in some unique cases we need text gradient similar to those we have used in PowerPoint Presentation.

example/lib/main.dart

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

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

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

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: DemoGradientScreen(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: Center(
          child: VersatileGradientText(
        textString: 'Gradient Text',
        colorOne: Colors.yellow,
        colorTwo: Colors.deepOrange,
        fontSize: 40,
        versatileGradientType: VersatileGradientType.radial, //optional
      )),
    );
  }
}
2
likes
160
pub points
1%
popularity

Publisher

verified publisherrayquazax.com

We are used to container, button and appbar with gradient design. But in some unique cases we need text gradient similar to those we have used in PowerPoint Presentation.

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (license)

Dependencies

flutter

More

Packages that depend on versatile_gradient_text