Motivational Quote App: How to blur a background image or any image in Flutter Ep.9 Pt.2
In this video tutorial I have shown, how to blur background image and in this way you can blur any image in flutter.
This is the episode 9 part 2 of our Motivational quote app video in Flutter and Dart tutorial series:
• Flutter SDK and Dart Programming lang...
I have used below widget to achieve our desired output:
Container widget, BackdropFilter Widget, ImageFilter class,
And also I have shown, how to add opacity to a image in flutter(this way will work for others).
Below topics will be covered in this simple app:
1. Add Background image to a flutter app.(done)
2 How to blur background image. (this video)
3. How to create Frosted glass effect.
4. Separate codes for more readability (Good practices: model class with Lists of quotes).
5. Add custom fonts and different font weights.
6. Create custom buttons(Circular buttons using InkWell Widget).
7. Go to another pages/route using buttons(route and navigation using direction).
8. Change App Icon.
9. Use JSON to keep our quotes data.
10. Go to another page/route using swipe.
11. Without using route how to change content in the same page.
12. How to add animations for components.
13. Final thought.
14. How to publish Flutter app.
After these few videos I will give you lot more tutorial videos including TextFields components, Card widget, Firebase, SQLITE and etc. and also we will develop advance apps.
• Motivational quote app: Add backgroun...
Get the code: http://slcoderlk.blogspot.com/2018/04...
Watch video Motivational Quote App: How to blur a background image or any image in Flutter Ep.9 Pt.2 online without registration, duration hours minute second in high quality. This video was added by user SL Coder Ego with Coding (SL Programmer) 18 April 2018, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,406 once and liked it 26 people.