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

Опубликовано: 12 Май 2021
на канале: HeyFlutter․com

32,532

539

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...

👉 12 Week Flutter Training | https://heyflutter.com
👉 Flutter Masterclass Courses | https://heyflutter.com/masterclass

Source Code | https://github.com/JohannesMilke/card...
My Courses | https://heyflutter.com
Follow Newsletter | https://johannesmilke.com/#/newsletter

SUBSCRIBE HERE
http://bit.ly/JohannesMilke

SUPPORT & SPONSOR ME
https://github.com/sponsors/JohannesM...

RESOURCES
Material Ripple Effect / Splash Effect Tutorial:    • Flutter Tutorial - Material Ripple Ef...
Light & Dark Theme Tutorial:    • Flutter Tutorial - Flutter Dark Mode ...
Buttons 2.0 Tutorial:    • Flutter Tutorial - New Flutter Materi...
Image Tutorial:    • Flutter Tutorial - Flutter Image - Lo...
Stacked Images Tutorial:    • Flutter Tutorial - How To Stack Widge...
Image Shader Mask Tutorial:    • Flutter Tutorial - Shader Mask | Cust...
Stack Layout Basics Tutorial:    • Flutter Tutorial - Stack Layout Basic...
Column Layout Basics Tutorial:    • Flutter Tutorial - Column Layout Basi...
Row Layout Basics Tutorial:    • Flutter Tutorial - Row Layout Basics ...
Flutter Layout Basics Tutorial:    • Flutter Layout Basics: Row, Column, S...
Animated List Tutorial:    • Flutter Tutorial - Animated List & To...
Animated Icon Tutorial:    • Flutter Tutorial - Animated Icon In 7...
Persistent Bottom Sheet Tutorial:    • Flutter Tutorial - Persistent Bottom ...
User Profile Page UI Tutorial:    • Flutter Tutorial - User Profile Page ...

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 Us :-)
Twitter |   / heyflutter_
Linkedin |   / heyflutter

LEARN MORE
SOURCE CODE | https://github.com/JohannesMilke
ARTICLES |   / johannesmilke

PLAYLISTS
All Flutter Videos |    • Flutter Tutorial - Flutter Story App ...
Widgets - Flutter |    • Flutter Tutorial - Flutter Wrap
Plugins - Flutter |    • Flutter Tutorial - Flutter Story App ...
Animations - Flutter |    • Flutter Tutorial - Transition Animati...
Designs - Flutter |    • Flutter Tutorial - FlutterUI - Minima...
Firebase - Flutter |    • Flutter Tutorial - Pagination & Infin...
State Management - Flutter |    • Flutter Tutorial - Riverpod - 1/3 The...

CREDITS
Copyright song "Corporate Technology" by scottholmesmusic.com

#Flutter #Tutorial #JohannesMilke

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