1 00:00:02,940 --> 00:00:09,450 Jadi mari kita tambahkan pola navigasi utama terakhir ini yang Anda lihat di aplikasi seluler dan yang memiliki pintu 2 00:00:10,170 --> 00:00:16,000 samping tentu saja navigasi risiko yang tercakup untuk Ayah juga dari navigasi reaksi Anda dapat mengimpor buat draw 3 00:00:16,000 --> 00:00:18,740 dan Navigator yang melakukan seperti apa suaranya. 4 00:00:18,750 --> 00:00:24,690 Ini memudahkan kita untuk membuat pola navigasi berbasis draw ini dan memberi kita draw seperti itu dan 5 00:00:24,750 --> 00:00:30,870 semua fungsi yang kita butuhkan untuk mengendalikan sedotan yang ada di luar kotak yang tentu saja sangat nyaman. 6 00:00:30,930 --> 00:00:35,060 Jadi kita cukup membuat navigator baru dan saya akan melakukan ini di bagian bawah file ini. 7 00:00:35,490 --> 00:00:40,860 Dan hanya catatan singkat tentu saja Anda bisa membaginya menjadi beberapa file dan memiliki masing-masing 8 00:00:40,890 --> 00:00:46,550 navigator dalam file sendiri dan kemudian menggabungkannya menjadi satu file dengan mengimpornya ke dalam satu file pusat. 9 00:00:46,560 --> 00:00:48,120 Itu adalah sesuatu yang bisa Anda lakukan. 10 00:00:48,120 --> 00:00:51,430 Saya merasa lebih mudah untuk tutorial ini juga untuk menyimpan semuanya dalam satu file. 11 00:00:51,560 --> 00:00:56,070 Terlalu banyak file yang terlalu besar tetapi Anda pasti bisa membagi ini. 12 00:00:56,340 --> 00:01:01,410 Jadi saya akan membuat navigator menggambar saya di sini di bagian bawah file ini dan semua disimpan di konstan yang 13 00:01:01,770 --> 00:01:04,380 bernama Navigator Utama karena pada akhirnya itu adalah apa itu. 14 00:01:04,380 --> 00:01:10,470 Ini akan menjadi navigator utama kita pada akhirnya karena tab akan berada di dalam undian dan navigator pada akhirnya 15 00:01:10,470 --> 00:01:11,880 barangkali ada di sini. 16 00:01:11,970 --> 00:01:13,190 Demikian juga pada kedua tab. 17 00:01:13,200 --> 00:01:19,530 Kami memiliki akses ke pengundian samping itu dan memutuskan pengundian memungkinkan kami untuk pergi ke layar baru yang tidak akan menjadi 18 00:01:19,530 --> 00:01:20,880 bagian dari keran kami. 19 00:01:20,910 --> 00:01:25,890 Jadi navigator undian berada di atas tab navigator dalam hierarki. 20 00:01:26,130 --> 00:01:28,680 Jadi bagaimana kita mengonfigurasi navigator undian semacam itu. 21 00:01:28,830 --> 00:01:32,070 Pada dasarnya seperti yang kami lakukan sebelumnya, perlu dua argumen. 22 00:01:32,070 --> 00:01:37,950 Argumen pertama adalah objek tempat kami mengonfigurasi layar untuk perusak navigator perusak sebelum kami 23 00:01:37,950 --> 00:01:46,350 memiliki pengidentifikasi seperti keran atau makanan untuk apa pun yang cocok dengan navigator untuk entri laci pertama yang ingin 24 00:01:46,350 --> 00:01:47,570 Anda miliki. 25 00:01:47,850 --> 00:01:54,780 Dan di sini saya ingin menunjuk navigator tab makan ayah saya karena itu yang ingin saya muat di 26 00:01:54,780 --> 00:02:02,460 sana dan pada entri kedua adalah layar filter kita tidak boleh lupa bahwa kita memiliki satu layar lain yang layar 27 00:02:02,460 --> 00:02:08,550 filternya belum kita gunakan itu sebelumnya sekarang saatnya untuk bersinar dan sebenarnya semua dibungkus sebagai 28 00:02:08,550 --> 00:02:11,130 navigator tumpukan meskipun itu akan kosong. 29 00:02:11,130 --> 00:02:13,850 Kami juga mendapatkan tajuk di sana. 30 00:02:14,130 --> 00:02:20,370 Jadi saya akan menambahkan stack navigator lain di sini dengan membuat stack navigator. 31 00:02:20,370 --> 00:02:22,130 Itu tumpukan yang sangat sederhana. 32 00:02:22,290 --> 00:02:26,670 Ini hanya akan memiliki satu layar dan itu akan menjadi layar filter yang karenanya perlu mengimpor di 33 00:02:26,670 --> 00:02:29,190 sini di bagian atas karena kita belum melakukan itu. 34 00:02:29,340 --> 00:02:38,670 Mari mengimpor layar filter di sini dari layar filter layar dan sekarang kita dapat menggunakan layar filter di situs web mereka, bukan di 35 00:02:38,720 --> 00:02:47,600 sini, tetapi di sini di stack navigator dan namanya adalah filter navigator, baca hal seperti itu dan sekarang filter Navigator ini yang 36 00:02:47,600 --> 00:02:54,450 dapat memetakan filter di navigator laci saya dan saya hanya menggunakan stack navigator di sini sehingga mereka 37 00:02:54,450 --> 00:02:59,790 juga memiliki header di sana dan tanpa alasan lain sekarang di layar 38 00:02:59,790 --> 00:03:04,260 filter tentu saja akan bekerja dalam satu detik ini tetapi 39 00:03:04,260 --> 00:03:12,810 di sana ada satu hal yang ingin saya lakukan segera saya akan menambahkan opsi navigasi saya dan saya akan menambahkan 40 00:03:15,280 --> 00:03:24,840 judul header di sana dan mengatur ini untuk memfilter atau memfilter makanan seperti itu dengan itu kembali ke navigator makanan kami membuat tumpukan 41 00:03:24,840 --> 00:03:31,050 yang kami tetapkan filter navigator, tumpukan navigator ke draw navigator kami dan sekarang kita hanya 42 00:03:31,050 --> 00:03:40,270 perlu menggunakan navigator utama di sini di wadah aplikasi kita untuk memulai dengan hutang dan sekarang jika kita menyimpan ini kita tidak 43 00:03:40,270 --> 00:03:41,350 melihat apa-apa. 44 00:03:41,350 --> 00:03:47,380 Yah saya katakan bahwa navigator undian akan mengatur semua logika untuk membukanya berakhir 45 00:03:47,380 --> 00:03:56,020 pada hal yang tidak dilakukan untuk kita secara otomatis adalah menampilkan ikon menu sehingga tidak menunjukkan tombol hamburger untuk kita. 46 00:03:56,020 --> 00:03:59,710 Itu sesuatu yang harus kita lakukan dan kita dapat memutuskan layar mana yang akan ditampilkan. 47 00:03:59,710 --> 00:04:04,600 Dan tentu saja itu akan menjadi layar kategori karena itulah layar root untuk 48 00:04:04,600 --> 00:04:09,320 tab makanan dan layar favorit karena itulah layar root untuk tab favoritnya. 49 00:04:09,340 --> 00:04:15,880 Jadi di dua layar ini saya ingin menambahkan ikon menu dan saya menambahkannya di opsi navigasi saya seperti yang 50 00:04:15,910 --> 00:04:20,390 Anda pelajari karena di sana saya ingin menambahkannya dengan bantuan header kiri. 51 00:04:20,410 --> 00:04:26,620 Sebelumnya kami menggunakan hak untuk menambahkan tindakan ke bilah navigasi ke header tetapi tombol menu biasanya ada di 52 00:04:26,620 --> 00:04:29,070 sebelah kiri untuk ditambahkan di sini. 53 00:04:29,350 --> 00:04:32,810 Dan saya akan menggunakan tombol header saya untuk ini. 54 00:04:32,920 --> 00:04:37,480 Jadi kami akan mengimpor dari tombol tajuk navigasi reaksi. 55 00:04:37,480 --> 00:04:44,970 Paket ini kami gunakan sebelumnya dari sana saya akan mengimpor tombol header dan juga item apa yang kita semua gunakan sebelumnya 56 00:04:47,490 --> 00:04:50,280 dan juga mengimpor tombol header kustom saya. 57 00:04:50,280 --> 00:04:57,660 Jadi tombol tajuk dari tombol tajuk komponen jadi pola yang sama yang kami gunakan sebelumnya untuk menambahkan bintang itu, 58 00:04:57,690 --> 00:04:59,730 aku memang bisa bilah tindakan. 59 00:04:59,730 --> 00:05:06,330 Sekarang saya akan melakukannya di sini untuk ikon menu untuk tombol menu dan oleh 60 00:05:06,360 --> 00:05:18,000 karena itu kita sekarang dapat pergi ke kiri dan tombol tajuk iklan mereka tahun ini sebagai komponen mengatur komponen tombol tajuk ke komponen tombol tajuk 61 00:05:18,000 --> 00:05:18,500 kami. 62 00:05:18,510 --> 00:05:23,610 Kami mengimpor dari komponen kustom kami sendiri dan menambahkan item di sana yang memungkinkan kami untuk 63 00:05:23,610 --> 00:05:28,420 menentukan judul yang seharusnya menjadi menu dan kemudian yang sangat penting saya dapat memberi nama. 64 00:05:28,560 --> 00:05:31,560 Dan di sana Anda dapat menggunakan menu IOW. 65 00:05:31,560 --> 00:05:36,570 Dan omong-omong Anda selalu dapat menggunakan platform API di sini untuk menggunakan ikon yang berbeda untuk Android 66 00:05:36,570 --> 00:05:38,640 dan untuk ISIS jika Anda mau. 67 00:05:38,640 --> 00:05:44,910 Dan last but not least semua add on press untuk melakukan sesuatu ketika tombol mati ditekan. 68 00:05:44,910 --> 00:05:52,200 Dan sekarang ini akan membuat tombol menu tampak bagus di sini di layar itu dan memang kita melihatnya di sini 69 00:05:52,830 --> 00:05:53,600 pada kita. 70 00:05:53,640 --> 00:05:55,730 Dan kami juga melihatnya di Android. 71 00:05:55,740 --> 00:06:00,040 Sekarang lagi jika Anda ingin ikon berbeda di Android yang lebih mirip ikon Android. 72 00:06:00,090 --> 00:06:05,550 Hal yang sama berlaku untuk tap dengan cara Anda dapat menggunakan platform API untuk membuat ikon yang berbeda di 73 00:06:06,350 --> 00:06:09,680 sana untuk menghemat waktu saya akan menggunakan ikon yang sama. 74 00:06:09,720 --> 00:06:11,910 Jadi ini adalah bagaimana kita menampilkan ikon. 75 00:06:11,910 --> 00:06:18,360 Bagaimana kita sekarang membuka undian dengan baik untuk ini kita perlu akses ke alat navigasi dan kita 76 00:06:18,360 --> 00:06:21,420 tidak memiliki akses dalam opsi navigasi seperti ini. 77 00:06:21,420 --> 00:06:27,330 Tapi tentu saja kami pelajari sebelumnya bahwa Anda dapat menggunakan formulir fungsi di sini di mana Anda kemudian mendapatkan data nav 78 00:06:27,330 --> 00:06:27,680 Anda. 79 00:06:27,690 --> 00:06:33,180 Anda bisa mengatakan dalam fungsi itu Anda kemudian harus mengembalikan objek konfigurasi Anda. 80 00:06:33,180 --> 00:06:36,720 Jadi di sini Anda harus mengembalikan objek pada akhirnya. 81 00:06:36,930 --> 00:06:40,170 Dan sekarang nav data memiliki alat navigasi seperti itu. 82 00:06:40,170 --> 00:06:46,380 Jadi sekarang di sini dalam pers kita dapat mengatakan navigasi data titik nav Dad sekarang akan tersedia yang 83 00:06:46,380 --> 00:06:50,350 disediakan oleh navigasi reaksi yang menjalankan fungsi ini pada akhirnya. 84 00:06:50,550 --> 00:06:54,030 Dan di sana Anda akan memiliki metode undian toggle. 85 00:06:54,030 --> 00:06:59,850 Anda juga akan memiliki undian terbuka jika Anda tahu Anda hanya ingin membukanya tetapi toggle draw akan membukanya 86 00:06:59,850 --> 00:07:01,890 jika ditutup dan ditutup jika terbuka. 87 00:07:01,890 --> 00:07:06,440 Jadi di sini Anda harus beralih menggambar dan lari harus membuka menu samping. 88 00:07:06,440 --> 00:07:12,570 Jadi jika kita menyimpannya sekarang memang laci terbuka, kita dapat mengerjakan styling dan teks yang kita 89 00:07:12,570 --> 00:07:20,890 lihat di sini sebentar lagi, tetapi ini adalah bagaimana Anda dapat membuka laci itu sekarang sebelum kita memperhatikan bagaimana ini terlihat di sini. 90 00:07:20,930 --> 00:07:22,690 Mari kita pastikan kita harus mengatakan satu favorit. 91 00:07:22,700 --> 00:07:27,050 Dan tentu saja Anda semua dapat menyetor video dan melakukannya sendiri di sini karena 92 00:07:27,050 --> 00:07:29,570 langkah-langkahnya akan sama dengan kategori makanan di sini. 93 00:07:29,570 --> 00:07:34,430 Ini adalah latihan yang bagus untuk ditawarkan tetapi setelah jeda singkat ini Anda harus melewatkan video ini, 94 00:07:36,210 --> 00:07:38,520 kami akan melakukannya bersama-sama sehingga Anda berhasil. 95 00:07:38,520 --> 00:07:46,400 Mari kita lakukan bersama dan pada akhirnya itu semua hanya tentang menyalin pengaturan ini di sini layar 2D favorit jadi saya akan 96 00:07:47,060 --> 00:07:53,210 menyalin seluruh pengaturan opsi navigasi ini dari layar kategori ke layar favorit dan mengganti mengarahkan opsi navigasi 97 00:07:53,660 --> 00:07:58,760 saya dengan itu tentu saja itu berarti bahwa saya harus mengubah nama kami 98 00:07:58,760 --> 00:08:05,450 di sini ke layar favorit dan di sini mengubah judul kembali ke favorit Anda, tetapi sekarang saya sudah memiliki 99 00:08:05,450 --> 00:08:12,130 fungsi pembuatan opsi navigasi dinamis ini di mana saya harus beralih menggambar panggilan di sini ikon I ketika dia 100 00:08:12,170 --> 00:08:17,720 menggunakan yang sama kita hanya harus membuat tentu kami mengimpor semua hal yang perlu kami 101 00:08:17,720 --> 00:08:25,100 impor dan untuk Ayah kami dapat mengambil impor di sini dari layar kategori juga dari navigasi yang dimilikinya atau paket tombol. 102 00:08:25,100 --> 00:08:27,020 Dan dari tombol tajuk kita sendiri. 103 00:08:27,020 --> 00:08:34,920 Raih itu dan tambahkan di sini di layar favorit sekarang dengan Ayah jika kita menyimpan karena ini harus semuanya sekarang di layar 104 00:08:34,930 --> 00:08:41,100 favorit kita juga harus menggambar dan Anda dapat membukanya di sana juga kita tidak bisa hanya membukanya 105 00:08:41,120 --> 00:08:46,180 dengan cara jika kita mengklik peran filter untuk mengambil ke dalam layar filter di 106 00:08:46,180 --> 00:08:52,160 sana kita sekarang hanya tidak memiliki jalan kembali tapi itu sebenarnya sesuatu yang kita semua bisa 107 00:08:52,220 --> 00:09:02,560 segera perbaiki karena layar filter saya hanya juga ingin memiliki hasil imbang di atas sehingga pada layar filter Saya juga akan menambahkan impor saya di sini Tombol header 108 00:09:02,680 --> 00:09:07,280 Whip berakhir dan kemudian semua opsi tambahkan dengan navigasi di sini. 109 00:09:07,570 --> 00:09:13,780 Jadi salin opsi navigasi dari layar favorit fungsi dinamis ini dan tambahkan ke layar filter 110 00:09:13,840 --> 00:09:19,900 dan ganti tangga opsi navigasi karena itu kemudian ubah tahun ini kembali ke layar filter 111 00:09:19,960 --> 00:09:27,730 dan ubah ke judul kembali untuk menyaring makanan atau apa pun yang Anda inginkan di sini dan dengan itu kita 112 00:09:27,940 --> 00:09:34,600 harus menggambar di layar filter juga dan yang memungkinkan kita untuk kembali ke makanan kita sekarang beberapa 113 00:09:34,600 --> 00:09:35,580 hal hilang. 114 00:09:35,620 --> 00:09:40,870 Sebagai contoh pada layar filter header terlihat sangat berbeda dan karena itu di sini di 115 00:09:40,870 --> 00:09:46,930 Android saya bahkan tidak dapat melihat tombol saya karena itu putih teks di sini bukan teks yang ingin 116 00:09:46,930 --> 00:09:55,570 saya tampilkan Saya juga ingin menggunakan warna yang berbeda di sini mungkin font yang berbeda jadi masih ada pekerjaan yang harus dilakukan tetapi fungsionalitas draw dasar 117 00:09:55,720 --> 00:09:59,820 telah ditambahkan dan seperti yang Anda lihat lagi dengan sedikit usaha. 118 00:09:59,890 --> 00:10:03,550 Jadi sekarang mari kita berhati-hati tentang penataan gambar dan menyaring layar.