Flutter Tutorial - Card Widget Design With Image, Button, Text, Border, Size, Padding

Create Flutter Card Widget designs with images, buttons, texts, borders, size and padding in Flutter.
Click here to Subscribe to Johannes Milke: https://www.youtube.com/JohannesMilke?sub_confirmation=1

Source Code | https://github.com/JohannesMilke/card_ii_example
My Courses | https://johannesmilke.teachable.com/p/home
Follow Newsletter | https://johannesmilke.com/#/newsletter
Follow Twitter | https://twitter.com/intent/follow?original_referer=https%3A%2F%2Fgithub.com%2FJohannesMilke&screen_name=JohannesMilke

--- SUBSCRIBE HERE ---
http://bit.ly/JohannesMilke

--- SUPPORT & SPONSOR ME ---
https://github.com/sponsors/JohannesMilke

RESOURCES
Material Ripple Effect / Splash Effect Tutorial: https://www.youtube.com/watch?v=2t-I0uryD6E
Light & Dark Theme Tutorial: https://www.youtube.com/watch?v=HSAa9yi0OMA
Buttons 2.0 Tutorial: https://www.youtube.com/watch?v=ytlDKJBxW_A
Image Tutorial: https://www.youtube.com/watch?v=JDDoN2THwug
Stacked Images Tutorial: https://www.youtube.com/watch?v=ut9CeTQRax0
Image Shader Mask Tutorial: https://www.youtube.com/watch?v=JD5IDUD-Moo
Stack Layout Basics Tutorial: https://www.youtube.com/watch?v=JZRBHY2xgu4
Column Layout Basics Tutorial: https://www.youtube.com/watch?v=nW9pAyDs-wE
Row Layout Basics Tutorial: https://www.youtube.com/watch?v=lY5GtNkvyhM
Flutter Layout Basics Tutorial: https://www.youtube.com/watch?v=yYxueTNIDlA
Animated List Tutorial: https://www.youtube.com/watch?v=E3SQOqUq8Mg
Animated Icon Tutorial: https://www.youtube.com/watch?v=oGHeVdGLMjI
Persistent Bottom Sheet Tutorial: https://www.youtube.com/watch?v=o01hE56RMrc
User Profile Page UI Tutorial: https://www.youtube.com/watch?v=gSl-MoykYYk

TIMELINE
0:00 Introduction Card Widget Design
0:16 Create Card With Text
0:56 Set Card Padding
1:18 Set Card Background Color
1:32 Set Card Border / Rounded Card
1:51 Add Button To Card / Card With Interaction
2:27 Set Card Shadow & Elevation
2:56 Set Card Gradient Colors
4:35 Create Card With Image
5:38 Create Card With Image Splash Effect
6:06 Create Card With Image And Text On Top
6:59 Create Card With Image, Text & Buttons

SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS

*********

SOCIAL MEDIA: Follow Me :-)
Youtube | https://www.youtube.com/JohannesMilke?sub_confirmation=1
Twitter | https://twitter.com/intent/follow?original_referer=https%3A%2F%2Fgithub.com%2FJohannesMilke&screen_name=JohannesMilke
Linkedin | https://linkedin.com/in/JohannesMilke
Instagram | https://instagram.com/JohannesMilke
Github | https://github.com/JohannesMilke
Medium | https://medium.com/@JohannesMilke
Website | https://johannesmilke.com

--- LEARN MORE ---
SOURCE CODE | https://github.com/JohannesMilke
ARTICLES | https://medium.com/@JohannesMilke

PLAYLISTS
All Flutter Videos | https://www.youtube.com/watch?v=3f9oqIvxNc0&list=PL1WkZqhlAdC_MPQBXUFwAHviZ3XkWPDBG
Widgets - Flutter | https://www.youtube.com/watch?v=1nEmFuX1Cig&list=PL1WkZqhlAdC8enpcvzv_uAS9FmHTDOCJ8
Plugins - Flutter | https://www.youtube.com/watch?v=3f9oqIvxNc0&list=PL1WkZqhlAdC9shbzjQao6cdzqB_Wu7Hr4
Animations - Flutter | https://www.youtube.com/watch?v=RLPZzDOPXG4&list=PL1WkZqhlAdC9pQE4nd9oAJi5eM9YXJeji
Designs - Flutter | https://www.youtube.com/watch?v=aLwjk-G2Qik&list=PL1WkZqhlAdC-i3Vs_HBQw9BPT9-_zMSun
Firebase - Flutter | https://www.youtube.com/watch?v=IruuzPydPz4&list=PL1WkZqhlAdC9TgTee50FWiiwVZ6kQg4W7
State Management - Flutter | https://www.youtube.com/watch?v=8H3bwxxla4Y&list=PL1WkZqhlAdC-GNyxQbfn8Db9pR6bRcQuw

CREDITS
Copyright song "Corporate Technology" by scottholmesmusic.com

#Flutter #Tutorial #JohannesMilke

LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)
http://bit.ly/JohannesMilke