text_shadow 0.0.1 text_shadow: ^0.0.1 copied to clipboard
this the simple way to create shadow text, neon , stroke , or blur just import the package and let it flow like shadow
import 'package:flutter/material.dart';
import 'package:text_shadow/text_shadow.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget{
@override
Widget build(BuildContext context) {
return Container(
child: MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
body: SafeArea(
child: Center(
child: ListView(
children: [
Text("example for text shadow default").shadow(),
Text("example for text shadow H3").shadow(
fontSize: FontSize.H3
),
Text("example for text shadow H5").shadow(
fontSize: FontSize.H5
),
Text("example for text shadow TOP_LEFT").shadow(
fontSize: FontSize.H5,
align: ShadowAlign.TOP_LEFT
),
Text("example H1 and blur size").shadow(
fontSize: FontSize.H1,
blurZize: BlurSize.LARGE
),
Text("example create neon",).shadow(
textColor: Colors.white,
shadowColor: Colors.blue,
align: ShadowAlign.CENTER,
fontSize: FontSize.H1,
blurZize: BlurSize.MEDIUM
),
Text("example H1 and blur text").shadow(
fontSize: FontSize.H1,
blurZize: BlurSize.LARGE,
shadowColor: Colors.orangeAccent,
textColor: Colors.transparent
),
Text("example H1 and stroke text",).shadow(
fontSize: FontSize.H1,
blurZize: BlurSize.SMALL,
shadowColor: Colors.black,
textColor: Colors.orange
),
],
)
),
),
),
),
);
}
}