Neon Light 💡 effect — Flutter
In this article we will be discussing how to add glow effect for widgets in flutter.
Video Tutorial
Overview:
- In the above image the first child i.e., the
container widget [login]
is made to have a glowing effect around the edges using thebox-shadow
parameter. - Next the text widget [vijaycreations] is made to have neon light effect by adding the neon dependency in pubspec.yaml file.
Dependencies:
neon: ^0.0.1
Implementation:
Let’s start implementing the widgets one by one.
Login Container widget:
Let us create a container widget and specify the width and height as required and then add the decoration parameter as follows.,
Text Widget
We will be making use of the above dependency (neon) for this text widget to have the lighting effect.
Thus we can apply lighting effect for any widget as desired.
Get the complete source code here:👇
https://github.com/vijayinyoutube/lighteffect
Other articles you may like.,
AnimatedContainer Widget in Flutter
Flutter Tutorials
If you want to know more about Flutter and various Widgets in Flutter…?🤓 Then visit my channel vijaycreations🚩
Thanks.,