decorated_text 0.1.0 icon indicating copy to clipboard operation
decorated_text: ^0.1.0 copied to clipboard

Decorates your text. You can add gradients inside and color in the outline. You can also use GoogleFonts.

example/lib/main.dart

import 'package:flutter/material.dart';

import 'package:decorated_text/decorated_text.dart';
import 'package:google_fonts/google_fonts.dart';

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

class MyApp extends StatelessWidget {
  const MyApp();
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(),
        body: Center(
            child: Transform.scale(
          scale: 2,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              DecoratedText(
                'Decorated Text',
                fontSize: 40,
                fontWeight: FontWeight.w600,
                fillColor: Colors.teal,
                borderWidth: 1,
              ),
              DecoratedText(
                'Decorated Text',
                borderColor: Colors.amber,
                borderWidth: 3,
                fontSize: 40,
                fontWeight: FontWeight.w800,
                shadows: [
                  Shadow(
                      color: Colors.black, blurRadius: 4, offset: Offset(4, 4))
                ],
                fillGradient: LinearGradient(colors: [Colors.blue, Colors.red]),
              ),
              DecoratedGoogleFontText(
                'Decorated Google Font',
                fontMethod: GoogleFonts.rancho,
                fontSize: 40,
                fontWeight: FontWeight.w800,
                borderWidth: 1.5,
                borderColor: Colors.yellow[800],
                shadows: const [
                  Shadow(
                      color: Colors.black, blurRadius: 4, offset: Offset(4, 4))
                ],
                fillGradient: LinearGradient(
                  begin: Alignment.topCenter,
                  end: Alignment.bottomCenter,
                  stops: const [0.2, 0.55, 0.55, 0.75],
                  colors: [
                    Colors.white,
                    Colors.yellow[500],
                    Colors.yellow[800],
                    Colors.yellow[500]
                  ],
                ),
              )
            ],
          ),
        )),
      ),
    );
  }
}
6
likes
140
pub points
65%
popularity

Publisher

unverified uploader

Decorates your text. You can add gradients inside and color in the outline. You can also use GoogleFonts.

Homepage
Repository (GitHub)

Documentation

API reference

License

Icon for licenses.MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on decorated_text