Last updated:
0 purchases
inner glow
Inner Glow #
This package allows you to easily create inner glow effects for your containers, elevating the visual appeal of your Flutter applications. With InnerGlowContainers, you can add stunning and eye-catching inner glow effects to your UI elements, unlocking new possibilities for design and aesthetics. Elevate your Flutter projects with the InnerGlowContainers package and unleash your creativity like never before.
Screenshots #
Usage/Examples #
Simple Usage
InnerGlow(
width: width(context, 0.4),
height: width(context, 0.4),
),
copied to clipboard
With Option
InnerGlow(
width: width(context, 0.4),
height: width(context, 0.2),
glowRadius: 20,
thickness: 10,
glowBlur: 5,
strokeLinearGradient: const LinearGradient(
begin: Alignment.topRight,
end: Alignment.bottomLeft,
colors: [Colors.white,Colors.black]
),
baseDecoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
gradient: const LinearGradient(
begin: Alignment.topRight,
end: Alignment.bottomLeft,
colors: [Colors.lightBlueAccent,Colors.teal]
),
),
child: Center(
child: Text('Play',style:
TextStyle(fontSize: 32,color: Colors.blue,),
)
),
)
copied to clipboard
Options #
width define the width of the container
height define the height of the container
glowBlur control the blur of the inner glow
glowRadius define the radius for the inner glow
thickness control the opacity for the inner glow
blurBackground this will blur any thing on the background
strokeLinearGradient give color to your glow by default it is white, white
baseDecoration this will aspect a boxDecoration and allow you to modify like a container by default it is BoxDecoration(color: Colors.transparent)
margin this will give margin to your container by default it is EdgeInsets.all(0)
child this will allow you add child to glow container
Authors #
@han023
License #
MIT
Contributing #
Contributions are always welcome!
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.