decorated_text 0.0.1 copy "decorated_text: ^0.0.1" to clipboard
decorated_text: ^0.0.1 copied to clipboard

outdated

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]
                  ],
                ),
              )
            ],
          ),
        )),
      ),
    );
  }
}
11
likes
40
points
27
downloads

Publisher

unverified uploader

Weekly Downloads

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

Homepage
Repository (GitHub)
View/report issues

License

MIT (license)

Dependencies

flutter

More

Packages that depend on decorated_text