Navigate with named routes

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
€93.77
List Price:  €131.29
You save:  €37.51
£80.84
List Price:  £113.18
You save:  £32.34
CA$137.53
List Price:  CA$192.54
You save:  CA$55.01
A$155.84
List Price:  A$218.18
You save:  A$62.34
S$136.11
List Price:  S$190.56
You save:  S$54.45
HK$783.07
List Price:  HK$1,096.33
You save:  HK$313.26
CHF 91.04
List Price:  CHF 127.46
You save:  CHF 36.42
NOK kr1,101.67
List Price:  NOK kr1,542.39
You save:  NOK kr440.71
DKK kr700.10
List Price:  DKK kr980.18
You save:  DKK kr280.07
NZ$169.82
List Price:  NZ$237.75
You save:  NZ$67.93
د.إ367.23
List Price:  د.إ514.14
You save:  د.إ146.90
৳10,949.65
List Price:  ৳15,329.95
You save:  ৳4,380.30
₹8,336.20
List Price:  ₹11,671.02
You save:  ₹3,334.81
RM478.35
List Price:  RM669.71
You save:  RM191.36
₦129,687.03
List Price:  ₦181,567.03
You save:  ₦51,880
₨27,766.58
List Price:  ₨38,874.33
You save:  ₨11,107.74
฿3,679.68
List Price:  ฿5,151.71
You save:  ฿1,472.02
₺3,248.23
List Price:  ₺4,547.65
You save:  ₺1,299.42
B$520.25
List Price:  B$728.38
You save:  B$208.12
R1,929.28
List Price:  R2,701.08
You save:  R771.79
Лв183.27
List Price:  Лв256.58
You save:  Лв73.31
₩137,435.75
List Price:  ₩192,415.55
You save:  ₩54,979.80
₪376.07
List Price:  ₪526.51
You save:  ₪150.44
₱5,756.72
List Price:  ₱8,059.64
You save:  ₱2,302.91
¥15,460.95
List Price:  ¥21,645.95
You save:  ¥6,185
MX$1,709.87
List Price:  MX$2,393.89
You save:  MX$684.02
QR364.04
List Price:  QR509.67
You save:  QR145.63
P1,385.73
List Price:  P1,940.08
You save:  P554.35
KSh13,119.90
List Price:  KSh18,368.39
You save:  KSh5,248.48
E£4,832.51
List Price:  E£6,765.71
You save:  E£1,933.20
ብር5,668.96
List Price:  ብር7,936.77
You save:  ብር2,267.81
Kz83,691.63
List Price:  Kz117,171.63
You save:  Kz33,480
CLP$95,228.57
List Price:  CLP$133,323.80
You save:  CLP$38,095.23
CN¥723.85
List Price:  CN¥1,013.42
You save:  CN¥289.57
RD$5,936.90
List Price:  RD$8,311.90
You save:  RD$2,375
DA13,457.95
List Price:  DA18,841.67
You save:  DA5,383.72
FJ$227.72
List Price:  FJ$318.82
You save:  FJ$91.09
Q775.98
List Price:  Q1,086.41
You save:  Q310.42
GY$20,874.15
List Price:  GY$29,224.64
You save:  GY$8,350.49
ISK kr14,123.58
List Price:  ISK kr19,773.58
You save:  ISK kr5,650
DH1,010.74
List Price:  DH1,415.07
You save:  DH404.33
L1,790.82
List Price:  L2,507.22
You save:  L716.40
ден5,773.75
List Price:  ден8,083.48
You save:  ден2,309.73
MOP$804.95
List Price:  MOP$1,126.96
You save:  MOP$322.01
N$1,917.07
List Price:  N$2,683.98
You save:  N$766.90
C$3,695.63
List Price:  C$5,174.03
You save:  C$1,478.40
रु13,325.78
List Price:  रु18,656.63
You save:  रु5,330.84
S/372.26
List Price:  S/521.17
You save:  S/148.91
K380
List Price:  K532.02
You save:  K152.01
SAR375.10
List Price:  SAR525.15
You save:  SAR150.05
ZK2,561.66
List Price:  ZK3,586.43
You save:  ZK1,024.76
L466.89
List Price:  L653.66
You save:  L186.77
Kč2,369.71
List Price:  Kč3,317.69
You save:  Kč947.98
Ft36,989.30
List Price:  Ft51,786.50
You save:  Ft14,797.20
SEK kr1,091.25
List Price:  SEK kr1,527.80
You save:  SEK kr436.54
ARS$87,116.28
List Price:  ARS$121,966.28
You save:  ARS$34,850
Bs690.90
List Price:  Bs967.28
You save:  Bs276.38
COP$391,948.05
List Price:  COP$548,742.95
You save:  COP$156,794.90
₡50,105.09
List Price:  ₡70,149.13
You save:  ₡20,044.04
L2,463.18
List Price:  L3,448.55
You save:  L985.37
₲738,132.47
List Price:  ₲1,033,414.98
You save:  ₲295,282.51
$U3,839.04
List Price:  $U5,374.81
You save:  $U1,535.77
zł404.45
List Price:  zł566.25
You save:  zł161.79
Already have an account? Log In

Transcript

Hello, in this video, I'm going to show you how to do some custom routing. So we're going to show you how to navigate between pages with named routes. So instead of constantly doing first screen class, or second screen class or whatever is called tomorrow is split into separate file the Nagas method. That's what we're going to fix in this video, what we can do is is set in the routes and the benefit of that is one, you can name the class whatever you want, and you can constantly be raining obviously shouldn't be renaming the class but if you have two routes, which is you know, stayed the same, plus you can have a bit more of a descriptive name in the root member class you want it to be called something slightly different. And if you come from a web development background, this will feel right at home for you.

So what we want to do in the CLI talk and what we are going to put next Initial route missing something I'm missing. First of all inside of here we need to have an exterior lap. Instead, we would usually create like the first screen class and that's what we would invoke but inside of here, title demo, we are going to have the initial route. And this is gonna be fourth class, it's basically going to be the homepage. And we are going to have loops, curly braces in here, we're going to have the initial router for slash and we specify it on on text, and then the arrow operator and we'll say the screen and then any other routes, we just put comma, then the group name so close last second for a second. routes and context.

Whatever the class is called, that's it. Now to actually navigate to it to navigate from is still you know, dot pop context that to then turn to navigate to it, you do navigator. dot push name to the context and then you name it before slash, I mean, colon, speech marks, similar speech marks, quotation marks, and the second semicolon. And if we do a hot restart, for clicking on screen, printing running slow, obviously should be the slide. There you go, but we're using me. So this just refers to whatever this is pointing to.

Obviously your classes can be more complex than this. But apart from that, really all you need to Now if you have any questions, feel free to call me and message analgesia. 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.