CupertinoPopupSurface

3 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
€86.99
List Price:  €121.80
You save:  €34.80
£74.39
List Price:  £104.15
You save:  £29.75
CA$136.66
List Price:  CA$191.33
You save:  CA$54.67
A$154.11
List Price:  A$215.76
You save:  A$61.65
S$128.52
List Price:  S$179.94
You save:  S$51.41
HK$784.90
List Price:  HK$1,098.90
You save:  HK$313.99
CHF 81.69
List Price:  CHF 114.37
You save:  CHF 32.68
NOK kr995.59
List Price:  NOK kr1,393.87
You save:  NOK kr398.27
DKK kr648.86
List Price:  DKK kr908.43
You save:  DKK kr259.57
NZ$166.11
List Price:  NZ$232.56
You save:  NZ$66.45
د.إ367.21
List Price:  د.إ514.11
You save:  د.إ146.89
৳12,223.94
List Price:  ৳17,114
You save:  ৳4,890.06
₹8,648.48
List Price:  ₹12,108.22
You save:  ₹3,459.74
RM425
List Price:  RM595.02
You save:  RM170.02
₦154,459.55
List Price:  ₦216,249.55
You save:  ₦61,790
₨28,322.58
List Price:  ₨39,652.75
You save:  ₨11,330.16
฿3,262.67
List Price:  ฿4,567.87
You save:  ฿1,305.20
₺3,953.59
List Price:  ₺5,535.19
You save:  ₺1,581.59
B$550.25
List Price:  B$770.37
You save:  B$220.12
R1,810.02
List Price:  R2,534.11
You save:  R724.08
Лв169.95
List Price:  Лв237.94
You save:  Лв67.99
₩137,535.12
List Price:  ₩192,554.67
You save:  ₩55,019.55
₪350.37
List Price:  ₪490.54
You save:  ₪140.16
₱5,721.77
List Price:  ₱8,010.71
You save:  ₱2,288.93
¥14,480.97
List Price:  ¥20,273.94
You save:  ¥5,792.97
MX$1,898.65
List Price:  MX$2,658.18
You save:  MX$759.53
QR364.12
List Price:  QR509.79
You save:  QR145.66
P1,336.27
List Price:  P1,870.83
You save:  P534.56
KSh12,918.70
List Price:  KSh18,086.70
You save:  KSh5,168
E£5,054.24
List Price:  E£7,076.14
You save:  E£2,021.90
ብር13,478.65
List Price:  ብር18,870.65
You save:  ብር5,392
Kz91,186.38
List Price:  Kz127,664.58
You save:  Kz36,478.20
CLP$94,330.18
List Price:  CLP$132,066.03
You save:  CLP$37,735.84
CN¥718.76
List Price:  CN¥1,006.30
You save:  CN¥287.53
RD$5,919.63
List Price:  RD$8,287.73
You save:  RD$2,368.09
DA13,033.32
List Price:  DA18,247.17
You save:  DA5,213.85
FJ$224.80
List Price:  FJ$314.73
You save:  FJ$89.93
Q767.66
List Price:  Q1,074.76
You save:  Q307.09
GY$20,903.73
List Price:  GY$29,266.07
You save:  GY$8,362.33
ISK kr12,492.75
List Price:  ISK kr17,490.35
You save:  ISK kr4,997.60
DH911.42
List Price:  DH1,276.03
You save:  DH364.60
L1,712.31
List Price:  L2,397.30
You save:  L684.99
ден5,347.88
List Price:  ден7,487.25
You save:  ден2,139.36
MOP$808.15
List Price:  MOP$1,131.45
You save:  MOP$323.29
N$1,782.94
List Price:  N$2,496.19
You save:  N$713.24
C$3,674.63
List Price:  C$5,144.63
You save:  C$1,470
रु13,785.10
List Price:  रु19,299.70
You save:  रु5,514.59
S/360.56
List Price:  S/504.80
You save:  S/144.23
K412.08
List Price:  K576.93
You save:  K164.85
SAR375.13
List Price:  SAR525.20
You save:  SAR150.07
ZK2,433.29
List Price:  ZK3,406.71
You save:  ZK973.41
L437.65
List Price:  L612.73
You save:  L175.07
Kč2,158.58
List Price:  Kč3,022.10
You save:  Kč863.52
Ft35,118.33
List Price:  Ft49,167.07
You save:  Ft14,048.73
SEK kr958.87
List Price:  SEK kr1,342.46
You save:  SEK kr383.58
ARS$116,239.90
List Price:  ARS$162,740.51
You save:  ARS$46,500.61
Bs693.19
List Price:  Bs970.49
You save:  Bs277.30
COP$413,176.46
List Price:  COP$578,463.58
You save:  COP$165,287.11
₡50,336.95
List Price:  ₡70,473.75
You save:  ₡20,136.79
L2,614.73
List Price:  L3,660.73
You save:  L1,046
₲798,422.12
List Price:  ₲1,117,822.91
You save:  ₲319,400.78
$U4,098.05
List Price:  $U5,737.44
You save:  $U1,639.38
zł372
List Price:  zł520.81
You save:  zł148.81
Already have an account? Log In

Transcript

Hello, in this video, I'm going to show you how to implement a Cupertino pop up surface. Basically the rounded rectangle surface that looks like an iOS bubble, such as the alert dialog or action sheet. And the Cupertino dialog should built into flutter. You know, based off of this, you probably won't use this directly because there's so many other have a better one, but I wanted to show you that you can decide and if you want a bit more customization, you can use this one. Honestly pretty easy to do. Obviously, I've got a quick turn right here, which when clicked will open it up.

You can put it wherever you want to trigger this public input show, Cupertino, you can even do any modal pop up or the dialogues dollar will be smaller modal usually, you know cover the entire screen and the next tax Paramount with the modal pop up is basically is changing. So what we want to do is add a context build the wrong place. The context, context, context builder, you're going to build context on Arrow operators is going to invoke this and we are going to put Fuca to surface. In here, we can see three properties child key, and his service paint is basically no blow back down, again, an extra task. So free tips are highly recommended. For the child, you could go a bit more complex and what I'm going to do contain our column Muslim fit a multiple widget on a text item in there and say, save that, reload.

Click it. And there we go. Actually, sorry, I made a little mistake. The coupon No dialogue is the one that cover the entire screen, the modal one, basically just at the bottom. And that is really to be fair, not much more to it than that. If you don't want it to, you know, go over this area, you need to add like a safe area so your child there's a lot now Go for the squeeze, crease on anger in my mistake.

And obviously you can add padding didn't say carrier. So I'm actually going to be asking Ali Ali, this one I wrote the other way while show modal, modal public if we do this form instead it's just like a little thing at the bottom places like bit of information and it takes the focus off everything else. And that's it for the public services in Cupertino. If you have any questions, feel free to shoot 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.