CupertinoActionSheet

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
€93.20
List Price:  €130.49
You save:  €37.28
£79.91
List Price:  £111.88
You save:  £31.96
CA$136.56
List Price:  CA$191.19
You save:  CA$54.63
A$153.05
List Price:  A$214.27
You save:  A$61.22
S$136.08
List Price:  S$190.51
You save:  S$54.43
HK$782.75
List Price:  HK$1,095.88
You save:  HK$313.13
CHF 91.21
List Price:  CHF 127.70
You save:  CHF 36.49
NOK kr1,100.23
List Price:  NOK kr1,540.37
You save:  NOK kr440.13
DKK kr695.05
List Price:  DKK kr973.10
You save:  DKK kr278.04
NZ$168.07
List Price:  NZ$235.31
You save:  NZ$67.23
د.إ367.25
List Price:  د.إ514.16
You save:  د.إ146.91
৳10,970.75
List Price:  ৳15,359.49
You save:  ৳4,388.74
₹8,335.10
List Price:  ₹11,669.48
You save:  ₹3,334.37
RM476.90
List Price:  RM667.68
You save:  RM190.78
₦130,608.93
List Price:  ₦182,857.73
You save:  ₦52,248.80
₨27,840.21
List Price:  ₨38,977.41
You save:  ₨11,137.19
฿3,694.31
List Price:  ฿5,172.18
You save:  ฿1,477.87
₺3,253.72
List Price:  ₺4,555.34
You save:  ₺1,301.61
B$515.88
List Price:  B$722.26
You save:  B$206.37
R1,886.05
List Price:  R2,640.54
You save:  R754.49
Лв182.13
List Price:  Лв254.99
You save:  Лв72.85
₩137,567.94
List Price:  ₩192,600.62
You save:  ₩55,032.68
₪380.78
List Price:  ₪533.11
You save:  ₪152.32
₱5,769.12
List Price:  ₱8,077
You save:  ₱2,307.87
¥15,680.08
List Price:  ¥21,952.74
You save:  ¥6,272.66
MX$1,724.22
List Price:  MX$2,413.98
You save:  MX$689.75
QR364.68
List Price:  QR510.56
You save:  QR145.88
P1,379.77
List Price:  P1,931.74
You save:  P551.96
KSh13,498.65
List Price:  KSh18,898.65
You save:  KSh5,400
E£4,789.68
List Price:  E£6,705.74
You save:  E£1,916.06
ብር5,693.24
List Price:  ብር7,970.76
You save:  ብር2,277.52
Kz83,560.30
List Price:  Kz116,987.77
You save:  Kz33,427.46
CLP$94,840.51
List Price:  CLP$132,780.51
You save:  CLP$37,940
CN¥724.59
List Price:  CN¥1,014.46
You save:  CN¥289.86
RD$5,873.12
List Price:  RD$8,222.61
You save:  RD$2,349.48
DA13,427.17
List Price:  DA18,798.58
You save:  DA5,371.40
FJ$225.97
List Price:  FJ$316.37
You save:  FJ$90.39
Q777.73
List Price:  Q1,088.86
You save:  Q311.12
GY$20,914.34
List Price:  GY$29,280.91
You save:  GY$8,366.57
ISK kr13,988.60
List Price:  ISK kr19,584.60
You save:  ISK kr5,596
DH1,011.63
List Price:  DH1,416.33
You save:  DH404.69
L1,776.81
List Price:  L2,487.61
You save:  L710.79
ден5,738.79
List Price:  ден8,034.54
You save:  ден2,295.74
MOP$805.67
List Price:  MOP$1,127.97
You save:  MOP$322.30
N$1,914.68
List Price:  N$2,680.63
You save:  N$765.95
C$3,678.96
List Price:  C$5,150.69
You save:  C$1,471.73
रु13,310.19
List Price:  रु18,634.81
You save:  रु5,324.61
S/372.97
List Price:  S/522.18
You save:  S/149.20
K385.04
List Price:  K539.08
You save:  K154.03
SAR375.02
List Price:  SAR525.04
You save:  SAR150.02
ZK2,631.59
List Price:  ZK3,684.33
You save:  ZK1,052.74
L463.78
List Price:  L649.31
You save:  L185.53
Kč2,343.96
List Price:  Kč3,281.64
You save:  Kč937.68
Ft36,581.40
List Price:  Ft51,215.43
You save:  Ft14,634.02
SEK kr1,089.92
List Price:  SEK kr1,525.94
You save:  SEK kr436.01
ARS$87,365.86
List Price:  ARS$122,315.70
You save:  ARS$34,949.84
Bs692.26
List Price:  Bs969.20
You save:  Bs276.93
COP$394,057.74
List Price:  COP$551,696.60
You save:  COP$157,638.86
₡50,249.28
List Price:  ₡70,351
You save:  ₡20,101.72
L2,468.18
List Price:  L3,455.56
You save:  L987.37
₲742,598.03
List Price:  ₲1,039,666.95
You save:  ₲297,068.91
$U3,834.62
List Price:  $U5,368.62
You save:  $U1,534
zł402.81
List Price:  zł563.95
You save:  zł161.14
Already have an account? Log In

Transcript

Hello, in this video, I am going to show you how to add a Cupertino action sheet. So this is basically a little pop up or no menu come from the bottom give me a few options. Usually I will have a Cancel button, and it's in the iOS style to do it, it's really simple. Make sure you follow the setup video. And first of all, we are going to add a chart. I'm going to be a rebel and add a raised button.

But I'm going to be triggering an iOS style widget. So it doesn't have to be triggered by an iOS style widget. You can mix and match. It's totally up to you. So the child text and then I'm going to say on press is going to be a method here. Yeah, I wanted to say final att for just short for action sheet and I'm going to do close to 13 no action sheet.

So long their title. And I'll say, this is what? Okay, and then we can have a method, the method is to simply expand on the title provide a bit more information of what the pop up is, therefore, but it's optional to have it in our text. And I'm going to say, do what should I say I'll say what? And now we can actually customize it with the buttons. The new action is just an array of widgets, and in this empty, no Cupertino action sheet action and it This test, obviously, mmm, you know experiment is and I recommend that you do.

We're interested in child and on prep because it's a regular widget you could add a container you could add you know images you could add tactic that what you want to keep it simple as a child in there, I mean a text child and if you're gonna say no say compressed and when it says press print, semi colon to add another button, basically the same as the and you can add as many as you want. I'm just gonna add two for this one instead of pizza. Let's cook it. So the savory and sweet you have selected cookie dough if we know to add a Cancel button after the square brackets after the action Cancel button. And this is also a Cupertino action sheet. And in here we need a child.

Again you could have any sort of widget you want to the tech console keep it simple and say on pressed when it's on pressed we need to hide it and to hide it's actually really simple to do. All we have to do in navigator dot pop context so basically just closing Watson upon the openness getting it just pops it and because this will be the current thing that is open, and therefore save it, let's see what we get. So we got this button, we click it, nothing happened because we created it, but we haven't actually triggered it for after the Cupertino action sheet. Before we close, the curly brace refers to yet, but before we actually add to the unpressed action, we need to trigger it to do it. We call this show Cupertino modal pop up. And what we want to do here is for the context we need to provide context with this idea.

There's nothing that we've created necessarily am for the builder. This is where we actually do it. For the builder build context on to use the arrow operator or AC T or wherever you name the 16 your attention to the semicolon was missing. Save that, go back, click it. I didn't see this pops up now. For I click pizza.

So you have selected Pizza Pizza, pizza pizza. And it was a cookie dough cookie, the cookie dough, but press cancel it cancelled it doesn't pay anything yet, because in here, we didn't print anything yet. If you wanted to, you could add more functionality upon cancel, maybe say something. But you can also click off and hide you like that. But it's also usually commonplace to let's say, select one of these of these items wherever they may be. And then close this and then perform the action.

So to close it again, you just use this piece of code. So I'm just going to add it to the pizza as an extra really simple test you can do for the cookie dough. So if I save that, and I go to click me, click OK. Now, as you can see, that's not closing, click pizza, your printed your selected pizza and then close it using the navigator dot pop code. So that is it for the Cupertino action sheet and I will also showed me the Cupertino action sheet actions. If you have any questions, feel free to pop 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.