It’s Already 2020 and Neumorphism is trending…
Want to know more?
Well, Let’s try to implement it using Flutter Framework.
Note: It is assumed that you have Flutter setup and this tutorial is for Mobile Applications only though you can implement it on web also.
First We will Create Convex Widget
After Creating Convex its time to create Concave Widget
Similarly, add Icon of thumbs up( ) in new concave and convex Widget,
Link to the Thumbsup Concave and Convex.
Now Let’s wrap it up with the MainScreen
We have Placed AnimatedContainer For Button Animation.
AnimatedContainer( width: MediaQuery.of(context).size.width / 4, height: MediaQuery.of(context).size.height / 8, duration: Duration(seconds: 2), child: isPressed ? convexWithThumb("Synth", Color(0xFF649166)) : concaveWithThumb("Beat"), ),
Hurrah Neumorphism Effect Worked ….
Now you all can explore more on this on your own.
Link to the Source Code: NeumorphismFlutter
Thanks For Reading
For more about programming, follow me and Aubergine Solutions, so you’ll get notified when we write new posts.
Have any questions feel free to reach out to me!