CupertinoTabBar

4 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.56
List Price:  €128.19
You save:  €36.62
£78.72
List Price:  £110.21
You save:  £31.49
CA$136.45
List Price:  CA$191.03
You save:  CA$54.58
A$147.76
List Price:  A$206.87
You save:  A$59.11
S$134.15
List Price:  S$187.82
You save:  S$53.66
HK$780.73
List Price:  HK$1,093.05
You save:  HK$312.32
CHF 91.46
List Price:  CHF 128.05
You save:  CHF 36.59
NOK kr1,072.12
List Price:  NOK kr1,501.01
You save:  NOK kr428.89
DKK kr684.02
List Price:  DKK kr957.65
You save:  DKK kr273.63
NZ$163.38
List Price:  NZ$228.74
You save:  NZ$65.35
د.إ367.26
List Price:  د.إ514.18
You save:  د.إ146.92
৳11,715.16
List Price:  ৳16,401.70
You save:  ৳4,686.53
₹8,350.98
List Price:  ₹11,691.71
You save:  ₹3,340.72
RM469.15
List Price:  RM656.83
You save:  RM187.68
₦140,585.94
List Price:  ₦196,825.94
You save:  ₦56,240
₨27,756.92
List Price:  ₨38,860.80
You save:  ₨11,103.88
฿3,602.78
List Price:  ฿5,044.04
You save:  ฿1,441.25
₺3,308.41
List Price:  ₺4,631.91
You save:  ₺1,323.49
B$542.87
List Price:  B$760.04
You save:  B$217.17
R1,795.21
List Price:  R2,513.37
You save:  R718.15
Лв179.26
List Price:  Лв250.97
You save:  Лв71.71
₩137,496.24
List Price:  ₩192,500.24
You save:  ₩55,004
₪362
List Price:  ₪506.81
You save:  ₪144.81
₱5,840.76
List Price:  ₱8,177.30
You save:  ₱2,336.53
¥15,783.91
List Price:  ¥22,098.11
You save:  ¥6,314.19
MX$1,761.90
List Price:  MX$2,466.73
You save:  MX$704.83
QR364.08
List Price:  QR509.73
You save:  QR145.65
P1,342.81
List Price:  P1,879.99
You save:  P537.17
KSh12,712.18
List Price:  KSh17,797.56
You save:  KSh5,085.38
E£4,795.65
List Price:  E£6,714.11
You save:  E£1,918.45
ብር5,759.98
List Price:  ብር8,064.21
You save:  ብር2,304.22
Kz87,541.24
List Price:  Kz122,561.24
You save:  Kz35,020
CLP$91,167.91
List Price:  CLP$127,638.73
You save:  CLP$36,470.81
CN¥724.96
List Price:  CN¥1,014.98
You save:  CN¥290.01
RD$5,893.28
List Price:  RD$8,250.84
You save:  RD$2,357.55
DA13,429.75
List Price:  DA18,802.19
You save:  DA5,372.43
FJ$222.05
List Price:  FJ$310.88
You save:  FJ$88.83
Q776.21
List Price:  Q1,086.73
You save:  Q310.51
GY$20,850.37
List Price:  GY$29,191.35
You save:  GY$8,340.98
ISK kr13,668.91
List Price:  ISK kr19,137.02
You save:  ISK kr5,468.11
DH978.53
List Price:  DH1,369.98
You save:  DH391.45
L1,761.76
List Price:  L2,466.53
You save:  L704.77
ден5,632.82
List Price:  ден7,886.17
You save:  ден2,253.35
MOP$801.79
List Price:  MOP$1,122.54
You save:  MOP$320.75
N$1,793.59
List Price:  N$2,511.10
You save:  N$717.50
C$3,670.37
List Price:  C$5,138.67
You save:  C$1,468.29
रु13,324.49
List Price:  रु18,654.82
You save:  रु5,330.32
S/374.92
List Price:  S/524.91
You save:  S/149.98
K390.10
List Price:  K546.16
You save:  K156.05
SAR375.03
List Price:  SAR525.07
You save:  SAR150.03
ZK2,549.85
List Price:  ZK3,569.89
You save:  ZK1,020.04
L455.67
List Price:  L637.96
You save:  L182.28
Kč2,321.82
List Price:  Kč3,250.65
You save:  Kč928.82
Ft35,884.37
List Price:  Ft50,239.55
You save:  Ft14,355.18
SEK kr1,065.95
List Price:  SEK kr1,492.38
You save:  SEK kr426.42
ARS$91,650.70
List Price:  ARS$128,314.65
You save:  ARS$36,663.94
Bs688.93
List Price:  Bs964.54
You save:  Bs275.60
COP$396,327.54
List Price:  COP$554,874.41
You save:  COP$158,546.87
₡52,112.13
List Price:  ₡72,959.06
You save:  ₡20,846.93
L2,469.46
List Price:  L3,457.35
You save:  L987.88
₲751,741.51
List Price:  ₲1,052,468.19
You save:  ₲300,726.67
$U4,003.41
List Price:  $U5,604.94
You save:  $U1,601.52
zł389.99
List Price:  zł546.01
You save:  zł156.01
Already have an account? Log In

Transcript

Hello, in this video I am going to show you how to implement a Cupertino tab bar basically allows you to create a tab bar in the format of iOS. And so far, you don't need a navigation bar. So what you have is called from a previous video and was going to add a tab bar right here. This child tab. Oh, sorry, no, it's good to know. Both we're doing the Cupertino one.

We'll do the items, items. And for this report in a row, bottom navigation bar item, bracket and this is just a list of items that we can put in here. So we just wanted to bottom navigation bar right? This property that we need is the icon and the toggle. You can mess around with the active icon and the background color I recommend doing either next to the icon icons. Alright, that's my icon, icon.

Here you are icons cars got one for home Here's to a home one point all this will be simple text can be no text on a home screen so we can add as many as you want. And I'm going to change this to my boot up menu. Before I do that, it can't stop Like the one that looks like a supervisor, and I'm just gonna call this one. So let's save that and see what we get. Okay, so we got this Cupertino toolbar, click on him, nothing that is happening to my mini to handle all of that ourselves. So what we can do is we can draw a current index current index is what is currently selected.

If I say two by default, it's on index two numbers 012, the computer stopped, and we can go to the on top method, which is pretty cool. And on the on top, you have an interoperable index. And now, we can continue so for click on this On zeros, click on this one printer one, click on this one, a printer two, but still not changing. And to do that, we need to get rid of this from this previous video, either integer variable, I'm gonna call it date, keep it simple, set it to zero, so by default will be the first item on the chain the current index to this state variable. And in here, you want to do set state equals state equals that way this will refresh it so now if I click it, as you can see, it is no changing and obviously for you can change the background color and the active icon as well.

So what would you want to do with this, you would naturally have some sort of view here, and depending on which item you select, you will show certain cons our homepage using social networking sites, like Facebook, for example, Twitter, you could show a feed on the home to click on menu, you could, you know, show you some menu, and then I can issue your personal account options. But let's test that's one way to do is hook it up with some content that is displayed basically, depending on what the index is. If you have any questions and you need some assistance, 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.