Card

6 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€91.91
List Price:  €128.68
You save:  €36.77
£78.24
List Price:  £109.54
You save:  £31.30
CA$136.26
List Price:  CA$190.78
You save:  CA$54.51
A$150.08
List Price:  A$210.13
You save:  A$60.04
S$134.76
List Price:  S$188.67
You save:  S$53.91
HK$781
List Price:  HK$1,093.43
You save:  HK$312.43
CHF 91.06
List Price:  CHF 127.49
You save:  CHF 36.43
NOK kr1,048.21
List Price:  NOK kr1,467.54
You save:  NOK kr419.32
DKK kr685.84
List Price:  DKK kr960.21
You save:  DKK kr274.36
NZ$162.33
List Price:  NZ$227.27
You save:  NZ$64.94
د.إ367.26
List Price:  د.إ514.17
You save:  د.إ146.91
৳11,731.26
List Price:  ৳16,424.23
You save:  ৳4,692.97
₹8,317.71
List Price:  ₹11,645.13
You save:  ₹3,327.42
RM469.33
List Price:  RM657.08
You save:  RM187.75
₦148,231.17
List Price:  ₦207,529.57
You save:  ₦59,298.40
₨27,822.22
List Price:  ₨38,952.22
You save:  ₨11,130
฿3,663.18
List Price:  ฿5,128.60
You save:  ฿1,465.42
₺3,217.78
List Price:  ₺4,505.02
You save:  ₺1,287.24
B$517.30
List Price:  B$724.25
You save:  B$206.94
R1,838.27
List Price:  R2,573.66
You save:  R735.38
Лв179.77
List Price:  Лв251.69
You save:  Лв71.91
₩135,868.90
List Price:  ₩190,221.90
You save:  ₩54,352.99
₪367.61
List Price:  ₪514.66
You save:  ₪147.05
₱5,798.37
List Price:  ₱8,117.95
You save:  ₱2,319.58
¥15,685.04
List Price:  ¥21,959.69
You save:  ¥6,274.64
MX$1,668
List Price:  MX$2,335.27
You save:  MX$667.26
QR364.44
List Price:  QR510.23
You save:  QR145.79
P1,357.41
List Price:  P1,900.42
You save:  P543.01
KSh13,248.67
List Price:  KSh18,548.67
You save:  KSh5,300
E£4,750.52
List Price:  E£6,650.92
You save:  E£1,900.40
ብር5,701.46
List Price:  ብር7,982.28
You save:  ብር2,280.81
Kz85,175.48
List Price:  Kz119,249.08
You save:  Kz34,073.60
CLP$90,154.52
List Price:  CLP$126,219.94
You save:  CLP$36,065.41
CN¥710.85
List Price:  CN¥995.23
You save:  CN¥284.37
RD$5,887.39
List Price:  RD$8,242.58
You save:  RD$2,355.19
DA13,451.22
List Price:  DA18,832.24
You save:  DA5,381.02
FJ$222.79
List Price:  FJ$311.92
You save:  FJ$89.12
Q776.56
List Price:  Q1,087.21
You save:  Q310.65
GY$20,927.06
List Price:  GY$29,298.72
You save:  GY$8,371.66
ISK kr13,742.62
List Price:  ISK kr19,240.22
You save:  ISK kr5,497.60
DH992.71
List Price:  DH1,389.84
You save:  DH397.12
L1,770.84
List Price:  L2,479.24
You save:  L708.40
ден5,663.20
List Price:  ден7,928.70
You save:  ден2,265.50
MOP$804.09
List Price:  MOP$1,125.76
You save:  MOP$321.67
N$1,836.24
List Price:  N$2,570.81
You save:  N$734.57
C$3,679.74
List Price:  C$5,151.79
You save:  C$1,472.04
रु13,290.03
List Price:  रु18,606.57
You save:  रु5,316.54
S/374.22
List Price:  S/523.93
You save:  S/149.70
K388.75
List Price:  K544.26
You save:  K155.51
SAR375.02
List Price:  SAR525.04
You save:  SAR150.02
ZK2,676.76
List Price:  ZK3,747.57
You save:  ZK1,070.81
L457.35
List Price:  L640.31
You save:  L182.96
Kč2,266.28
List Price:  Kč3,172.88
You save:  Kč906.60
Ft35,262.40
List Price:  Ft49,368.78
You save:  Ft14,106.37
SEK kr1,053.51
List Price:  SEK kr1,474.96
You save:  SEK kr421.44
ARS$89,341.06
List Price:  ARS$125,081.06
You save:  ARS$35,740
Bs690.78
List Price:  Bs967.13
You save:  Bs276.34
COP$386,878.04
List Price:  COP$541,644.74
You save:  COP$154,766.69
₡51,410
List Price:  ₡71,976.06
You save:  ₡20,566.05
L2,470.46
List Price:  L3,458.74
You save:  L988.28
₲752,075.57
List Price:  ₲1,052,935.89
You save:  ₲300,860.31
$U3,849.38
List Price:  $U5,389.29
You save:  $U1,539.90
zł390.87
List Price:  zł547.24
You save:  zł156.36
Already have an account? Log In

Transcript

Hello in this video I am going to show you how to implement a card in flutter. So a clock a clock a card is a great way of essentially just providing some information and you're so good at grouping together you might have multiple cording screens very common. So this could be great for something like you know showing you know, some album information you could have an icon some information about it like title, you know, who was some that album, you could have buttons for maybe listening to it, you could have you know, number one, the one repeatable sort of format that become familiar with use of any use loss, it can be used for, you know, showing some sort of meal. You could use it for contact information, contact information, definitely a big one. And yeah, let's just dive right in and your understanding one of them off so he does it have the child as he normally would If I just say, child, oh, yeah, and in here we can add a child song, I'm gonna make a really simple but before I do, like an album example, and say, Hello, and let's see what we get.

So that's what we get the zoom in, you can see that you can sort of see on the edges, but frankly, that does not look very good at all. So let's actually, you know, make it a little better. So we're gonna get rid of this wall. Now, I'm gonna add a column that will allow us to add multiple widgets to it, which will provide a lot of flexibility. We want to change the main axis to stories and main axis and you'll see what all this does is gonna help us put more of these on screen if we want to They won't go. In here, we are going to first have a leading.

Sorry, we're going to have a title. Lift, oil. And then inside of here we have a lead in which is going to put icons, icons dots to album. This is just the built in icon and we're going to check for the title on the ninth album, that movie is coming out very soon. We are going to put now a serb and this subtitle, look for a little bit of trivia. And that is to recommend that you search it up should the DC fetishism had the named Captain Marvel No need before Captain Marvel was introduced in the Marvel Universe.

In the comics, it was named Captain Marvel. Shazam was before Marvel was even named. Carmen was the name of before but they weren't called Marvel. Regional. Okay, so I'm actually looking forward to come to a mission up to actually so to see how many people say, Oh, that's just if they say Captain Marvel in there. How many people say oh, that's a copy of Captain Marvel, okay.

Just now, which would be a month ago wouldn't show them that. I am sure plenty people say I'm sure my dad will say. Okay, so next we're going to add a mobile device. Something that I wanted to put in the list higher content. Now I'm going to put a button up a tom button bar, this will basically allow us to put a bar where we can put some cool buttons in here. And what we are going to have is again, you can customize this as you want, you can add more text, you can have images in here, I'm just showing you one example of a child looking bar.

So this will be a nice way to put multiple button next to each other, but turn ball and inside here, you're gonna have a widget of children, or they're gonna have to flat button again, the type of button you put is totally up to you. And for the flat button. Inside of here, we're gonna have a child text and this is going to see the watch movie. We can have an on press event as well. But I'm in college a separate video so I was going to last thing. Last thing is going to implement one more flat button.

Work with that movie trailer. The first type that I think see that looks a lot different to what we had before. And I've been so pretty darn cool. So we've got this icon, we got this list tile image zoom in. So you can see that there is a difference between the background and this Thomas, you could change the background of the body so you could see you know, a little better. And that's really all there is to it.

Obviously, we have no list title, we have no column inside of it. But what I want you to do is figuring out how to essentially add multiple of these the content in the middle But configure how to add multiple, you know, multiple cards in this sort of current layer that we've got right here. That's really it. If you have any questions, feel free to drop me a message and as usual, I look forward to seeing you in the next video.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.