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...
Смотрите видео Motivational Quote App: How to blur a background image or any image in Flutter Ep.9 Pt.2 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь SL Coder Ego with Coding (SL Programmer) 18 Апрель 2018, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,406 раз и оно понравилось 26 людям.