1
00:00:02,190 --> 00:00:09,150
Sekarang untuk mundur di sini di layar favorit dan tentu saja penting bagi kita

2
00:00:09,150 --> 00:00:15,570
apakah kita punya favorit atau tidak. Jadi kita dapat membuat fallback di sini dengan cara yang

3
00:00:15,570 --> 00:00:22,620
sangat sederhana dengan tidak menyajikan daftar makanan jika makan, jika array ini kosong. Jadi yang perlu kita lakukan di sini di

4
00:00:22,620 --> 00:00:27,900
komponen layar favorit adalah kita dapat memeriksa apakah panjang fav makan sama dengan nol

5
00:00:27,900 --> 00:00:33,060
katakanlah, yang berarti kita tidak memiliki makanan favorit atau yang tidak dapat benar-benar

6
00:00:33,060 --> 00:00:38,610
terjadi di aplikasi ini tetapi jika karena alasan tertentu fav makanan adalah false-ish yang merupakan

7
00:00:38,610 --> 00:00:40,190
pemeriksaan ini, jadi

8
00:00:40,500 --> 00:00:45,780
jika tidak disetel, jika salah satu dari kedua hal ini benar, maka saya tidak

9
00:00:45,780 --> 00:00:55,510
akan mengembalikan daftar makanan saya tetapi pandangan dengan katakanlah teks di sana di mana saya mengatakan tidak ada makanan favorit ditemukan, mulai tambahkan beberapa dan

10
00:00:55,790 --> 00:01:03,500
sekarang mari kita benar-benar menjadi jelas tentang casing di sini. Jadi itulah teks yang bisa saya render sebagai fallback.

11
00:01:03,510 --> 00:01:07,610
Sekarang penting, karena saya menggunakan tampilan dan teks, kita perlu mengimpor ini,

12
00:01:07,680 --> 00:01:12,140
jadi tampilan dan teks dari Bereaksi Asli harus diimpor di sini, jika tidak kita akan

13
00:01:12,150 --> 00:01:20,490
mendapatkan kesalahan dan sekarang kita dapat menambahkan beberapa gaya di sini dengan katakanlah gaya. konten atau apa pun yang Anda ingin beri nama, impor

14
00:01:23,930 --> 00:01:29,450
stylesheet dari Bereaksi Asli karena itu dan sekarang mari kita tambahkan stylesheet di sini

15
00:01:29,510 --> 00:01:35,230
tepat sebelum ekspor gaya dengan stylesheet. buat dan di sana, tambahkan

16
00:01:35,240 --> 00:01:44,510
kunci konten ini yang kami maksud dengan flex satu dan kemudian seperti yang kami lakukan sebelumnya, membenarkan

17
00:01:44,540 --> 00:01:52,490
pusat konten dan menyelaraskan pusat barang untuk memusatkan semua konten secara vertikal dan horizontal.

18
00:01:52,490 --> 00:01:58,300
Jadi ini adalah properti gaya konten yang saya terapkan pada tampilan ini dan dengan ini,

19
00:01:58,340 --> 00:02:00,200
kami menampilkan teks ini.

20
00:02:00,230 --> 00:02:05,180
Sekarang tentu saja alih-alih menggunakan teks, kita sebenarnya bisa juga menggunakan teks

21
00:02:05,180 --> 00:02:12,470
default kita sekarang karena saya memikirkannya, untuk itulah kita memilikinya, teks standar yang menggunakan font kita dari komponen

22
00:02:12,710 --> 00:02:13,780
teks standar.

23
00:02:14,330 --> 00:02:19,730
Jadi mari kita gunakan teks default di sini daripada komponen teks bawaan untuk memiliki font default kita dan

24
00:02:19,730 --> 00:02:24,170
sekarang jika kita menyimpan ini, apa yang kita miliki adalah teks ini di sini,

25
00:02:24,170 --> 00:02:25,730
kita tidak punya favorit.

26
00:02:25,910 --> 00:02:28,180
Segera setelah kami mulai menambahkan beberapa,

27
00:02:28,250 --> 00:02:34,790
jadi jika kita menambahkan dua item ini di sini sebagai favorit misalnya, kita tentu saja akan melihatnya dan hanya jika

28
00:02:34,790 --> 00:02:38,660
kita menghapus keduanya di sini, kita akan melihat teks mundur lagi.

29
00:02:38,690 --> 00:02:40,400
Jadi itu berfungsi seperti pesona.