TabBarView

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
€92.01
List Price:  €128.82
You save:  €36.80
£78.38
List Price:  £109.74
You save:  £31.35
CA$136.52
List Price:  CA$191.13
You save:  CA$54.61
A$150.48
List Price:  A$210.68
You save:  A$60.19
S$134.87
List Price:  S$188.83
You save:  S$53.95
HK$780.66
List Price:  HK$1,092.95
You save:  HK$312.29
CHF 91.34
List Price:  CHF 127.88
You save:  CHF 36.54
NOK kr1,052.31
List Price:  NOK kr1,473.28
You save:  NOK kr420.96
DKK kr686.58
List Price:  DKK kr961.24
You save:  DKK kr274.66
NZ$162.83
List Price:  NZ$227.97
You save:  NZ$65.13
د.إ367.25
List Price:  د.إ514.17
You save:  د.إ146.91
৳11,719.82
List Price:  ৳16,408.23
You save:  ৳4,688.40
₹8,312.02
List Price:  ₹11,637.16
You save:  ₹3,325.14
RM469.75
List Price:  RM657.67
You save:  RM187.92
₦147,331.26
List Price:  ₦206,269.66
You save:  ₦58,938.40
₨27,796.36
List Price:  ₨38,916.02
You save:  ₨11,119.65
฿3,662.34
List Price:  ฿5,127.43
You save:  ฿1,465.08
₺3,217.98
List Price:  ₺4,505.30
You save:  ₺1,287.32
B$517.06
List Price:  B$723.91
You save:  B$206.84
R1,837.02
List Price:  R2,571.91
You save:  R734.88
Лв180.27
List Price:  Лв252.38
You save:  Лв72.11
₩136,066.92
List Price:  ₩190,499.14
You save:  ₩54,432.21
₪368.12
List Price:  ₪515.38
You save:  ₪147.26
₱5,814.46
List Price:  ₱8,140.48
You save:  ₱2,326.02
¥15,687.99
List Price:  ¥21,963.82
You save:  ¥6,275.82
MX$1,668.59
List Price:  MX$2,336.09
You save:  MX$667.50
QR364.34
List Price:  QR510.10
You save:  QR145.75
P1,357.56
List Price:  P1,900.64
You save:  P543.07
KSh13,298.67
List Price:  KSh18,618.67
You save:  KSh5,320
E£4,713.99
List Price:  E£6,599.78
You save:  E£1,885.78
ብር5,741.12
List Price:  ብር8,037.80
You save:  ብር2,296.67
Kz84,932.10
List Price:  Kz118,908.34
You save:  Kz33,976.24
CLP$90,081.08
List Price:  CLP$126,117.11
You save:  CLP$36,036.03
CN¥724.33
List Price:  CN¥1,014.10
You save:  CN¥289.76
RD$5,884.09
List Price:  RD$8,237.97
You save:  RD$2,353.87
DA13,459.27
List Price:  DA18,843.53
You save:  DA5,384.25
FJ$222.79
List Price:  FJ$311.92
You save:  FJ$89.12
Q776.15
List Price:  Q1,086.64
You save:  Q310.49
GY$20,904.26
List Price:  GY$29,266.81
You save:  GY$8,362.54
ISK kr13,793.62
List Price:  ISK kr19,311.62
You save:  ISK kr5,518
DH996.63
List Price:  DH1,395.33
You save:  DH398.69
L1,771.78
List Price:  L2,480.56
You save:  L708.78
ден5,664.24
List Price:  ден7,930.17
You save:  ден2,265.92
MOP$804.05
List Price:  MOP$1,125.70
You save:  MOP$321.65
N$1,836.30
List Price:  N$2,570.90
You save:  N$734.59
C$3,677.56
List Price:  C$5,148.73
You save:  C$1,471.17
रु13,287.88
List Price:  रु18,603.56
You save:  रु5,315.68
S/373.53
List Price:  S/522.95
You save:  S/149.42
K388.30
List Price:  K543.64
You save:  K155.33
SAR375.02
List Price:  SAR525.05
You save:  SAR150.02
ZK2,666.83
List Price:  ZK3,733.66
You save:  ZK1,066.83
L457.94
List Price:  L641.14
You save:  L183.19
Kč2,276.37
List Price:  Kč3,187.01
You save:  Kč910.64
Ft35,391.42
List Price:  Ft49,549.41
You save:  Ft14,157.98
SEK kr1,062.40
List Price:  SEK kr1,487.41
You save:  SEK kr425
ARS$89,066.09
List Price:  ARS$124,696.09
You save:  ARS$35,630
Bs690.41
List Price:  Bs966.60
You save:  Bs276.19
COP$385,967.67
List Price:  COP$540,370.17
You save:  COP$154,402.50
₡51,227.77
List Price:  ₡71,720.93
You save:  ₡20,493.15
L2,469.21
List Price:  L3,457
You save:  L987.78
₲751,546.38
List Price:  ₲1,052,195.01
You save:  ₲300,648.62
$U3,849.38
List Price:  $U5,389.29
You save:  $U1,539.90
zł391.29
List Price:  zł547.82
You save:  zł156.53
Already have an account? Log In

Transcript

Hello in this video I am going to show you how to implement a tab bar and a tab bar view to have basically a tab style navigation system. So what we're going to do is basically pretty much delete everything from our no my home page state. And what we're going to do is get rid of this written but we want to get rid of this and this will be made clear very soon. So we want to create something else Cheerio ah app. Inside of here, we are going to be buying hold on yet now. When I say Home Depot Info tab controller deal with the So the left is going to be free, you can change this accordingly.

Depending on how many items you have, the child is going to be a scaffold. So don't worry, you can still implement all of that good scaffold features, if you want to, but it's just like the format of the code is slightly different when you're dealing with a, you know, a tab bar system. So in in here, you can have, you know, apple, you know, all your usual stuff. So that's really no difference in some way you can have in the scaffolds, just a little bit of extra code that encapsulates the scaffold inside of it. And what we used to do is put water bar, and then in here, tabs. In here, we put the tap, tap icon.

I'm gonna put icon icons dots and then you can do I can do one that's just you yes DD three these three will be fine on the put three of them directions subway okay so let's save that and let's see what we get so far not the moment again Eric we have not finished it off so let's you know so wrapping everything up so absolutely kind of the bottom area we are going to add a title and this is gonna be taxed and if you want to you can use we can use no tight on that you know the way we did before but for now I'm just gonna say wow don't need a sim Colin there Now we can add the body. You can also add bottom navigation bars, you can do all of that stuff, if you want to. Again, it's literally the same.

So body bar, you, so it is going to be a tub of you. And inside of here, we need to have children whoever records and then we save it. So this is what we get so far. We click on it, we go to the different ones. And we can click on all of these different ones, but let's actually add some content here. So if we say icon, and I say icon dot direction, let's just literally add what we've had here, railway semi, I mean comma and the next subway Next one.

Boy, if we say that, let's see what we get looking at it, we should get a little more number. We'll go so really the icon should appear here. Let me try and just reopen it. From Scratch to update to the latest new version of little is apparently available. I will do that afterwards to trying to build it off, wait for this as Be patient. Okay, there we go.

So it's just a matter of holding it down. So as you can see, each tab now has some content the content is right here. So if we also look at this, we also so these are children. And what we could do is we can add, you know, a whole heap of different, you know, stuff here, like what we add a, you know, totally up to us. So what I'm going to do an extra tap, experiment and try and add something a bit more complex than just icons to each tab. And that's really it.

If you have any questions, feel free to drop me a message and 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.