Flutter Card Widget

preview_player
Показать описание
This was how to make and use the Card widget within your Flutter app

COURSES

OVERVIEW
0:00​ Flutter Card Widget

MISSION
Our mission at Flutter Mapp (Flutter Mobile App) is to help purpose driven Flutter developers go full-time doing what they love and making an impact through coding. We achieve this with useful Flutter tips and straight to the point Flutter videos.

RECOMMENDED VIDEOS

EDITOR

SOCIAL MEDIA:

CONTACT

#FlutterMapp
#Flutter
  1. Flutter Mapp
  2. Flutter
  3. flutter card
  4. flutter card widget
  5. card flutter
  6. flutter mapp
Рекомендации по теме
Flutter Card Widget 0:08:06

Flutter Card Widget | Card widget in Flutter

Flutter Card Widget 0:00:35

Flutter Card Widget

Flutter Tutorial - 0:09:52

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

Create and Customise 0:14:45

Create and Customise CardView Widget in Flutter

Flutter Card Widget 0:08:40

Flutter Card Widget - Explained [Hindi]

Flutter Card Widget 0:02:17

Flutter Card Widget

Flutter Card UI 0:21:39

Flutter Card UI | Flutter Listview | Flutter Card Widget | Flutter UI Design | Scrollable Listview

Flutter Card UI 0:07:46

Flutter Card UI - Common Problems and How to Fix Them

Flutter Card Widget 0:04:33

Flutter Card Widget | Card widget in Flutter

Card Widget In 0:00:07

Card Widget In Flutter | Flutter Crash Course

ExpansionPanel (Flutter Widget 0:02:11

ExpansionPanel (Flutter Widget of the Week)

Flutter Widgets | 0:03:11

Flutter Widgets | Card & Padding widget

Flutter Tutorial for 0:08:00

Flutter Tutorial for Beginners #19 - Cards

Card widget in 0:08:58

Card widget in #flutter | Flutter tutorial | beginners guide | #mobileapp development

Secret Card Widgets 0:00:54

Secret Card Widgets in Flutter 🤫

Animated Credit Card 0:00:05

Animated Credit Card Input Form using Flutter

Flutter card widget 0:00:26

Flutter card widget

Flutter UI Tip 0:12:00

Flutter UI Tip 3: Popup Card

📱Tinder Style Card 0:04:02

📱Tinder Style Card Swipe • Flutter Tutorial ♡

Flutter Card Widget 0:06:27

Flutter Card Widget

Flutter Tutorial - 0:08:48

Flutter Tutorial - Card - Deep Dive

OverlayPortal (Widget of 0:01:36

OverlayPortal (Widget of the Week)

How to make 0:00:16

How to make animated stacked cards in Flutter #animation #flutter #mobileappdev

Flutter UI | 0:00:22

Flutter UI | Product Carousel Card - Day 56 #shorts

Комментарии
Автор

lol
preview image
"monobank" is actual bank in Ukraine

ahmuidrab
Автор

"Card is like the Container widget but you have an elevation and rounded corners"

still don't know what is the advantage of it since Container also has those setting, they are all in property `decoration` where rounded corners can be adjusted in `borderRadius` and shawdow (elevation) stuff is in `boxShadow`

example:
Container(
// width: 400, height: 200,
padding: const EdgeInsets.all(16),
margin: const EdgeInsets.all(20),
decoration: const BoxDecoration(
color: Color.fromRGBO(7, 25, 82, 1),
borderRadius: BorderRadius.all(Radius.circular(20)),
boxShadow: [
BoxShadow(
color: Colors.black26, // Shadow color
blurRadius: 10.0, // Spread of the shadow
offset: Offset(0.0, 5.0), // Offset of the shadow
),
],
),
transform: Matrix4.translationValues(10, 12, 22),
child: const Text(
"Tìm kiếm",
style: TextStyle(
color: Color.fromRGBO(235, 244, 246, 1), fontSize: 20),
),
),

catorlife
Автор

а я думал реально карту монобанка сделал😂

martY-