1
00:00:02,270 --> 00:00:07,770
Mengulangi diri kita berulang-ulang dan menetapkan tampilan detail yang sama berulang-ulang benar-benar menjengkelkan

2
00:00:07,770 --> 00:00:10,550
dan jelas bukan yang Anda inginkan.

3
00:00:10,550 --> 00:00:17,960
Sejauh ini kami selalu bekerja dengan opsi navigasi yang kami siapkan tepat di sebelah komponen kami.

4
00:00:18,020 --> 00:00:24,040
Sekarang Anda tidak perlu melakukan itu untuk pengaturan pengaturan default yang Anda ulangi lagi dan lagi.

5
00:00:24,200 --> 00:00:29,740
Sebenarnya menghapus pengaturan ini di sini dari layar kategori makan dan hanya menjaga judul header di sana

6
00:00:29,740 --> 00:00:34,820
karena judul header tentu saja tergantung pada layar ini dan berubah dengan nilai yang berbeda yang

7
00:00:34,820 --> 00:00:36,310
kita dapatkan di layar.

8
00:00:36,380 --> 00:00:41,990
Karena itu, mari kita hapus impor platform dan impor warna konstan menambahkan yang sama pada layar

9
00:00:42,080 --> 00:00:43,370
kategori di sana.

10
00:00:43,400 --> 00:00:48,530
Saya akan memotong ini sehingga mereka masih bisa menggunakannya tetapi saya juga akan menghapusnya dari layar ini dan

11
00:00:48,530 --> 00:00:54,140
hanya menyimpan judul judul tajuk yang khusus untuk layar ini dan bukan default untuk semua layar jadi saya akan

12
00:00:54,440 --> 00:00:59,500
menyimpannya di sini dan saya Oleh karena itu dapat juga menghapus impor platform dan konten warna impor

13
00:00:59,540 --> 00:01:00,710
di sini juga.

14
00:01:00,740 --> 00:01:06,870
Dan sekarang mari kita pergi ke navigator makanan karena selain mengatur opsi navigasi tahun depan komponen Anda yang

15
00:01:06,870 --> 00:01:12,290
merupakan tempat yang tepat untuk setiap opsi yang spesifik untuk komponen itu Anda juga dapat

16
00:01:12,290 --> 00:01:15,080
mengatur opsi di sini langsung di navigator.

17
00:01:15,080 --> 00:01:17,830
Anda punya dua tempat berbeda di mana Anda bisa mengaturnya.

18
00:01:18,170 --> 00:01:23,110
Satu tempat adalah ketika Anda menggunakan konfigurasi layar yang lebih kompleks ini di sini.

19
00:01:23,150 --> 00:01:29,120
Ketika Anda memetakan layar ke pengidentifikasi Anda selain mengatur layar apa yang ingin Anda muat dengan hanya

20
00:01:29,120 --> 00:01:32,390
harus memiliki nilai yang Anda miliki di sini.

21
00:01:32,450 --> 00:01:39,530
Anda juga dapat menambahkan opsi navigasi di sini dan mengatur beberapa opsi navigasi untuk layar ini di sini.

22
00:01:39,530 --> 00:01:44,810
Jadi di sana kita juga bisa dengan gaya tajuk warna tajuk dan sekarang kita hanya perlu menambahkan platform

23
00:01:44,810 --> 00:01:45,470
dan warna.

24
00:01:45,470 --> 00:01:46,180
Impor di sini.

25
00:01:46,250 --> 00:01:47,490
Jadi ayo cepat lakukan itu.

26
00:01:48,050 --> 00:01:52,430
Mari mengimpor platform dari reaksi.

27
00:01:52,460 --> 00:02:03,940
Asli di sini dan mari kita juga mengimpor warna dari warna konstanta dan jika kita melakukan itu apa yang akan Anda lihat adalah bahwa pada layar kategori kita

28
00:02:03,940 --> 00:02:11,020
tidak memiliki warna karena saya hanya mengatur pewarnaan ini di sini pada makanan kategori tetapi jika kita

29
00:02:11,020 --> 00:02:15,290
pergi ke layar itu maka kita memiliki pewarnaan itu.

30
00:02:15,300 --> 00:02:21,060
Jadi kami memiliki tampilan yang sama dengan yang kami miliki sebelumnya dan sekarang tentu saja kami dapat melakukan hal yang sama di sini

31
00:02:21,120 --> 00:02:22,130
untuk layar kategori.

32
00:02:22,230 --> 00:02:29,430
Jadi di sana kita sekarang juga dapat mengubah ini menjadi objek maka tambahkan opsi navigasi dan tambahkan opsi

33
00:02:29,490 --> 00:02:34,830
yang sama persis sehingga objek yang sama di sini untuk layar ini.

34
00:02:34,830 --> 00:02:39,760
Sekarang jika kita melakukan itu kita juga harus mewarnai kembali pada layar kategori sekarang.

35
00:02:39,870 --> 00:02:46,350
Keuntungan kecil dibandingkan dengan solusi pengaturan sebelumnya di setiap file komponen sebagai gantinya kita sekarang setidaknya

36
00:02:46,380 --> 00:02:50,130
memiliki semua konfigurasi dan satu di file yang sama.

37
00:02:50,400 --> 00:02:56,220
Masih kami ulangi sehingga kami dapat mengaturnya di sini dan sebagai contoh, ini akan menjadi

38
00:02:56,220 --> 00:03:03,330
alternatif yang baik untuk mengatur judul tajuk set statis kami untuk kategori makan layar kategori sehingga kami dapat mengatur

39
00:03:03,810 --> 00:03:09,300
ini di sini alih-alih menjadi komponen karena itu statis tidak penting di mana

40
00:03:09,330 --> 00:03:10,630
kita mengatur ini.

41
00:03:10,920 --> 00:03:16,500
Tapi selain itu use case seperti itu tidak benar-benar perbaikan karena kita masih mengulangi diri kita sendiri.

42
00:03:16,620 --> 00:03:23,550
Jadi saya akan kembali memotong ini dari sini dan sebagai gantinya kita sekarang dapat mengambil keuntungan dari argumen kedua yang dapat

43
00:03:23,550 --> 00:03:25,820
Anda berikan untuk membuat stack Navigator.

44
00:03:25,920 --> 00:03:29,370
Argumen pertama adalah objek dengan layar Anda.

45
00:03:29,430 --> 00:03:32,990
Argumen kedua memungkinkan Anda untuk mengkonfigurasi navigator itu.

46
00:03:33,060 --> 00:03:38,880
Kami belum menyiapkan susu konfigurasi apa pun dan tentu saja di kotak resmi atau saat saya mendapatkannya di

47
00:03:38,880 --> 00:03:43,710
T saya, Anda akan menemukan daftar semua pengaturan yang dapat Anda atur di sana.

48
00:03:43,710 --> 00:03:50,070
Satu hal penting yang dapat Anda konfigurasi di sini adalah opsi navigasi default dan sesuai namanya,

49
00:03:50,310 --> 00:03:55,330
ini memungkinkan Anda untuk mengatur opsi yang berlaku untuk setiap layar.

50
00:03:55,440 --> 00:04:04,830
Sekarang ini mengambil objek dengan opsi navigasi Anda tetapi sekarang opsi ini akan diterapkan ke setiap layar di navigator ini

51
00:04:05,070 --> 00:04:10,750
sehingga untuk ketiga layar di sini sehingga Anda tidak perlu mengulangi sendiri.

52
00:04:10,770 --> 00:04:14,940
Jadi sekarang jika kita lakukan itu Anda akan melihat header warna itu di sini.

53
00:04:14,940 --> 00:04:18,920
Juga di sini dan semua di layar terperinci jika Anda pergi ke sana.

54
00:04:18,960 --> 00:04:25,200
Jadi sekarang ini tentu saja bagaimana Anda ingin mengatur konfigurasi berulang seperti gaya umum yang biasanya

55
00:04:25,200 --> 00:04:27,830
tidak berubah dari layar ke layar.

56
00:04:27,900 --> 00:04:29,710
Jika itu berubah, itu tidak masalah.

57
00:04:29,760 --> 00:04:35,940
Anda dapat mengaturnya berdasarkan per komponen atau di sini di konflik layar seperti yang saya tunjukkan tetapi

58
00:04:35,940 --> 00:04:40,170
jika tidak berubah, Anda dapat menggunakan opsi navigasi default di sini.

59
00:04:40,200 --> 00:04:48,720
Sekarang tentu saja ini juga memunculkan pertanyaan lain Bagaimana pengaturan diatur di sini atau di sini digabung dengan

60
00:04:48,720 --> 00:04:51,720
pengaturan di sini atau bukan komponen.

61
00:04:51,720 --> 00:04:57,630
Dan aturannya sangat sederhana di sana opsi navigasi standar bisa digabung dengan opsi

62
00:04:57,630 --> 00:05:05,100
navigasi spesifik Anda yang diatur di sini atau di sini dalam komponen dan opsi spesifik selalu menang.

63
00:05:05,100 --> 00:05:07,830
Jika Anda memiliki satu dan kunci yang sama dengan nama yang sama.

64
00:05:07,830 --> 00:05:15,690
Jadi jika saya akan mengatur judul header default di sini seperti layar yang tentu saja sangat generik maka Anda masih akan

65
00:05:15,690 --> 00:05:17,960
melihat kategori makanan di sini.

66
00:05:18,060 --> 00:05:24,930
Bahasa Italia di sini tetapi pada layar terperinci di mana saya mengatakan tidak ada judul tajuk khusus Anda akan

67
00:05:25,740 --> 00:05:28,800
melihat layar sehingga opsi navigasi default Anda ditimpa.

68
00:05:28,860 --> 00:05:33,510
Sekarang jika Anda mengatur opsi navigasi di sini ketika Anda mengkonfigurasi layar dan

69
00:05:33,990 --> 00:05:39,630
bukannya komponen mereka bertindak pada level yang sama dan pengaturan di sini pada level layar sebenarnya menang.

70
00:05:39,630 --> 00:05:46,080
Jadi jika saya mengatakan judul tajuk untuk kategori makanan dengan beberapa tanda seru di sini Anda melihat

71
00:05:46,260 --> 00:05:53,070
bahwa di sini di layar kategori dan judul yang Anda atur di komponen layar kategori tidak menang mungkin

72
00:05:53,070 --> 00:05:55,790
sedikit kontra-intuitif tetapi ini adalah bagaimana itu.

73
00:05:55,830 --> 00:06:03,280
Jadi, jika Anda mengatur opsi navigasi dengan judul yang sama atau dengan nama yang sama di sini di konteks layar

74
00:06:03,370 --> 00:06:09,340
maka konteks layar menang tetapi di mana pun Anda mengaturnya, ia selalu menang melawan opsi navigasi

75
00:06:09,340 --> 00:06:09,840
default.

76
00:06:09,910 --> 00:06:16,640
Jika Anda menggunakan judul yang sama maka dari itu di sini singkirkan juga opsi navigasi di layar kategori

77
00:06:16,640 --> 00:06:17,050
saya.

78
00:06:17,060 --> 00:06:18,130
Saya tidak butuh itu di sini.

79
00:06:18,130 --> 00:06:22,900
Saya senang mengatur ini mengarahkan komponen layar tetapi Anda dapat mengaturnya di kedua tempat.

80
00:06:22,910 --> 00:06:29,090
Penting bahwa Anda selalu ingat bahwa opsi default ditimpa meskipun sekarang selain opsi navigasi default di objek

81
00:06:29,090 --> 00:06:35,000
kedua ini yang Anda lewati untuk membuat navigator SEC Anda juga dapat mengkonfigurasi hal-hal lain jika

82
00:06:35,000 --> 00:06:40,790
Anda memiliki kontrol dan ruang Anda harus melihat daftar di sini atau berkonsultasi dengan alternatifnya

83
00:06:40,820 --> 00:06:42,640
kotak resmi tentu saja.

84
00:06:42,650 --> 00:06:50,060
Sekarang biasanya standarnya baik-baik saja, tetapi di sana misalnya Anda dapat mengatur mode dan Anda dapat mengatur ini ke modal default

85
00:06:50,060 --> 00:06:56,150
sebagai kartu jika Anda mengatur ini Anda akan mendapatkan mode seperti transisi untuk memuat di layar Anda

86
00:06:56,150 --> 00:07:01,310
yang berarti layar slide di dari bawah daripada menggunakan animasi normal di Android Anda tidak

87
00:07:01,310 --> 00:07:04,180
melihat perbedaan tetapi pada ISIS Anda akan.

88
00:07:04,340 --> 00:07:10,070
Itu hanya satu hal yang dapat Anda ubah di sini untuk mengubah animasi default jika Anda menginginkan transisi

89
00:07:10,070 --> 00:07:17,850
modal daripada animasi push pop normal di sini Anda juga dapat mengubah nama root awal secara default. Saya sebutkan itu akan menjadi pasangan nilai kunci

90
00:07:17,850 --> 00:07:22,410
pertama tetapi jika Anda tidak ingin memulai pada layar kategori tetapi karena alasan tertentu

91
00:07:22,590 --> 00:07:27,810
pada layar detail makanan Anda bisa langsung menunjuk detail makanan di sini alih-alih kategori yang tidak perlu

92
00:07:27,810 --> 00:07:32,340
Anda atur karena ini adalah default dan Anda akan mulai dengan itu layar sebagai

93
00:07:32,460 --> 00:07:33,510
layar awal Anda.

94
00:07:33,510 --> 00:07:38,440
Tentu saja Anda tidak dapat kembali sekarang karena itu adalah layar awal Anda.

95
00:07:38,580 --> 00:07:42,120
Jadi kembali tidak akan bekerja sekarang.

96
00:07:42,160 --> 00:07:48,030
Sekali lagi saya akan mengatur ulang ini ke kategori dan Anda tidak perlu menambahkan ini karena ini adalah default.

97
00:07:48,040 --> 00:07:51,600
Ini menggunakan pasangan nilai kunci pertama secara default.

98
00:07:51,600 --> 00:07:56,580
Maka dengan itu kami telah melihat sekilas pada beberapa opsi yang dapat Anda

99
00:07:56,580 --> 00:08:01,860
konfigurasi dan yang paling penting menambahkan opsi navigasi dan opsi navigasi standar yang super

100
00:08:01,860 --> 00:08:09,650
penting untuk membangun aplikasi yang tampak bagus dan efisien tanpa mengulangi sendiri berulang kali yang tentu saja tidak Anda inginkan berbicara tentang

101
00:08:09,650 --> 00:08:15,990
efisiensi ada satu hal lain yang ingin Anda lakukan ketika bekerja dengan navigasi reaksi atau Anda bertanya-tanya.

102
00:08:16,010 --> 00:08:26,010
Pertimbangkan dan itu adalah bahwa Anda menginstal satu paket tambahan yang bereaksi layar asli yang aplikasi expo harus

103
00:08:26,010 --> 00:08:27,700
dimasukkan secara default.

104
00:08:27,720 --> 00:08:35,850
Tetapi tetap tidak ada salahnya untuk menginstalnya secara eksplisit yang memungkinkan Anda untuk benar-benar

105
00:08:35,850 --> 00:08:45,310
memastikan bahwa di bawah tenda reaksi navigasi menggunakan komponen layar asli yang dioptimalkan yang disediakan oleh Android.

106
00:08:45,350 --> 00:08:51,460
Saya menggunakan Android menggunakan D fragmen jika Anda sedikit ke pengembangan Android dan

107
00:08:51,460 --> 00:08:57,220
ayahuasca menggunakan pengontrol tampilan UI dan itu hanya meningkatkan kinerja sedikit lebih.

108
00:08:57,300 --> 00:09:04,350
Di sini, di aplikasi sederhana ini Anda tidak akan merasakannya tetapi itu praktik yang baik untuk menggunakan paket khusus ini atau

109
00:09:04,350 --> 00:09:05,580
layar khusus D.

110
00:09:05,580 --> 00:09:12,190
Sekarang untuk menggunakan itu Anda harus pergi ke tempat yang berjalan sebelum Anda membuat layar pertama

111
00:09:12,200 --> 00:09:21,510
Anda yang akan menangkap file kami dalam kasus kami di sini dan di sana sekarang Anda dapat mengimpor layar menggunakan dari layar Asli Bereaksi.

112
00:09:21,510 --> 00:09:27,750
Jadi dari paket ini Anda baru saja menginstal dan cukup menelepon setelah impor Anda sebelum Anda melakukan hal lain.

113
00:09:27,760 --> 00:09:34,860
Jadi sebelum Anda membuat kode exe jazz apa pun sekarang penting jika Anda menggunakan versi terbaru dari Expo dan React

114
00:09:34,860 --> 00:09:37,110
Native yang kemungkinan besar adalah Anda.

115
00:09:37,140 --> 00:09:43,160
Ini bukan lagi layar yang digunakan tetapi layar yang dapat Anda sebut seperti ini.

116
00:09:43,170 --> 00:09:46,140
Itu hanya nama yang berbeda dan itu satu-satunya perubahan yang perlu kita lakukan

117
00:09:48,970 --> 00:09:50,610
di sini suram hanya di belakang layar.

118
00:09:50,650 --> 00:09:56,140
Buka kunci layar ini dan Anda tidak akan melihat perbedaan dalam aplikasi ini, tetapi kinerjanya sedikit lebih banyak

119
00:09:56,260 --> 00:10:00,730
sehingga itu adalah sesuatu yang saya sarankan lakukan terutama pada aplikasi yang lebih besar.

120
00:10:00,760 --> 00:10:03,760
Sekali lagi di sini Anda tidak benar-benar melihat perbedaan.

121
00:10:03,940 --> 00:10:06,970
Tetapi di balik layar apakah ini sekarang sedikit lebih efisien.