CupertinoButton

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
€87.23
List Price:  €122.12
You save:  €34.89
£74.73
List Price:  £104.62
You save:  £29.89
CA$137.88
List Price:  CA$193.04
You save:  CA$55.15
A$156.74
List Price:  A$219.45
You save:  A$62.70
S$129.30
List Price:  S$181.03
You save:  S$51.72
HK$784.92
List Price:  HK$1,098.92
You save:  HK$314
CHF 81.85
List Price:  CHF 114.59
You save:  CHF 32.74
NOK kr1,018.40
List Price:  NOK kr1,425.81
You save:  NOK kr407.40
DKK kr650.71
List Price:  DKK kr911.02
You save:  DKK kr260.31
NZ$169.81
List Price:  NZ$237.74
You save:  NZ$67.93
د.إ367.20
List Price:  د.إ514.10
You save:  د.إ146.89
৳12,264.77
List Price:  ৳17,171.16
You save:  ৳4,906.39
₹8,678.58
List Price:  ₹12,150.36
You save:  ₹3,471.78
RM429.45
List Price:  RM601.25
You save:  RM171.80
₦155,351.46
List Price:  ₦217,498.26
You save:  ₦62,146.80
₨28,456.18
List Price:  ₨39,839.80
You save:  ₨11,383.61
฿3,302.21
List Price:  ฿4,623.23
You save:  ฿1,321.02
₺3,971.73
List Price:  ₺5,560.59
You save:  ₺1,588.85
B$556.03
List Price:  B$778.47
You save:  B$222.43
R1,811.52
List Price:  R2,536.21
You save:  R724.68
Лв170.48
List Price:  Лв238.68
You save:  Лв68.20
₩138,970.65
List Price:  ₩194,564.47
You save:  ₩55,593.82
₪347.78
List Price:  ₪486.91
You save:  ₪139.12
₱5,755.12
List Price:  ₱8,057.40
You save:  ₱2,302.27
¥14,796.73
List Price:  ¥20,716.02
You save:  ¥5,919.28
MX$1,924.96
List Price:  MX$2,695.02
You save:  MX$770.06
QR365.75
List Price:  QR512.07
You save:  QR146.31
P1,351.63
List Price:  P1,892.34
You save:  P540.70
KSh12,923.70
List Price:  KSh18,093.70
You save:  KSh5,170
E£5,067.25
List Price:  E£7,094.36
You save:  E£2,027.10
ብር13,790.23
List Price:  ብር19,306.87
You save:  ብር5,516.64
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.72
List Price:  CN¥1,006.24
You save:  CN¥287.52
RD$5,946.92
List Price:  RD$8,325.93
You save:  RD$2,379
DA13,051.78
List Price:  DA18,273.02
You save:  DA5,221.23
FJ$227.36
List Price:  FJ$318.31
You save:  FJ$90.95
Q770.74
List Price:  Q1,079.06
You save:  Q308.32
GY$20,980.62
List Price:  GY$29,373.71
You save:  GY$8,393.08
ISK kr12,475.75
List Price:  ISK kr17,466.55
You save:  ISK kr4,990.80
DH915.30
List Price:  DH1,281.46
You save:  DH366.15
L1,717.90
List Price:  L2,405.13
You save:  L687.22
ден5,361.73
List Price:  ден7,506.64
You save:  ден2,144.90
MOP$810.83
List Price:  MOP$1,135.20
You save:  MOP$324.36
N$1,810.63
List Price:  N$2,534.96
You save:  N$724.32
C$3,690.47
List Price:  C$5,166.81
You save:  C$1,476.33
रु13,890.60
List Price:  रु19,447.40
You save:  रु5,556.79
S/360.11
List Price:  S/504.18
You save:  S/144.06
K419.25
List Price:  K586.97
You save:  K167.71
SAR375.17
List Price:  SAR525.25
You save:  SAR150.08
ZK2,319.15
List Price:  ZK3,246.91
You save:  ZK927.75
L440.03
List Price:  L616.06
You save:  L176.03
Kč2,168.68
List Price:  Kč3,036.25
You save:  Kč867.56
Ft35,236.40
List Price:  Ft49,332.38
You save:  Ft14,095.97
SEK kr973.75
List Price:  SEK kr1,363.29
You save:  SEK kr389.54
ARS$116,438.86
List Price:  ARS$163,019.06
You save:  ARS$46,580.20
Bs692.94
List Price:  Bs970.14
You save:  Bs277.20
COP$410,548.10
List Price:  COP$574,783.76
You save:  COP$164,235.66
₡50,628.07
List Price:  ₡70,881.33
You save:  ₡20,253.25
L2,619.11
List Price:  L3,666.87
You save:  L1,047.75
₲800,433.50
List Price:  ₲1,120,638.93
You save:  ₲320,205.42
$U4,088.51
List Price:  $U5,724.08
You save:  $U1,635.56
zł373
List Price:  zł522.22
You save:  zł149.21
Already have an account? Log In

Transcript

Hello in this video I am going to show you how to implement a Cupertino button in order button is being clicked and you trigger an event and a Cupertino button is one that is styled like, you know iOS essentially. So to do it via the child cheaper and so few properties so we want child child and this child will learn to put text here unpressed so this is when the button is clicked, we are going to say print click to say this and see what we get. So get this button here. Okay, that's pretty cool, you know, pretty simple enough to trigger the echo and active sector that's collected that's triggered. Okay, what properties do we have? We have color, so let's change the color of the color dot red.

So it's now render. So it's the background color. And as you can see that chair and we can click on it. And there are other properties like you can change the border radius, so if I change it to zero, okay? So we need to specify border radius also, I do zero. Okay, so you can do radius circle and this could be There you go square, if I did a radius of 0.5.

As I made a thing slightly earlier slide 10 is more current, so you can experiment with a lot to this choice. And he did a bit of curvature to it and be like 40. It's very permanent, so you can experiment with that. And other properties like minimum size, disable color padding, and when you add an extra task to experiment with that as well. There's also something called a Cupertino button dot field. And what you get as an extra task to experiment with that, where I'm basically just create an iOS style button with a field background.

And I am going to provide a link where you can check out all of this stuff is the official documentation. So that's it really 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.