1
00:00:02,190 --> 00:00:07,460
Sekarang Anda telah belajar bagaimana Anda dapat menambahkan font ke aplikasi dan melampirkan, Anda akan menemukan file zip dengan font

2
00:00:07,470 --> 00:00:10,000
yang ingin saya tambahkan. Untuk itu di folder

3
00:00:10,020 --> 00:00:16,290
assets, saya akan menambahkan folder font baru dan kemudian OpenSans-Bold dan reguler. File ttf yang ada dalam file zip Anda temukan

4
00:00:16,290 --> 00:00:19,350
terlampir yang ingin saya tambahkan di sini.

5
00:00:19,470 --> 00:00:22,670
Sekarang menambahkan file saja tidak akan berbuat banyak seperti yang Anda tahu, sebagai gantinya

6
00:00:22,710 --> 00:00:27,690
kita harus memuat font ini dan kami melakukannya di app. File js yang merupakan file awal kami

7
00:00:27,690 --> 00:00:31,070
yang memulai seluruh aplikasi. Di sana, kami

8
00:00:31,170 --> 00:00:36,660
perlu mengimpor semuanya sebagai font dari expo-font dan ini mungkin belum

9
00:00:36,660 --> 00:00:43,320
tersedia di proyek Anda, jadi karena itu Anda mungkin ingin menjalankan npm install

10
00:00:43,320 --> 00:00:45,010
--simpan expo-font untuk

11
00:00:45,030 --> 00:00:52,530
memastikan bahwa itu tersedia, untuk menginstalnya paket dan dengan itu diinstal, Anda dapat mengimpor font

12
00:00:52,620 --> 00:00:54,750
dari sana, seperti itu

13
00:00:54,750 --> 00:01:02,910
dan saya juga ingin mengimpor komponen pemuatan aplikasi dari expo, itu komponen yang akan memperpanjang layar

14
00:01:02,910 --> 00:01:09,000
splash ketika aplikasi dimulai sampai font kami dimuat sehingga kami hanya lihat

15
00:01:09,000 --> 00:01:14,670
sesuatu di layar ketika semua aset kami, dan dalam hal ini

16
00:01:14,700 --> 00:01:22,950
ini adalah font, benar-benar tersedia dan benar-benar ada. Sekarang dengan impor ini ditambahkan, kita dapat menambahkan fungsi di

17
00:01:23,250 --> 00:01:25,130
sini di luar fungsi

18
00:01:25,310 --> 00:01:30,180
komponen kita yang saya akan beri nama mengambil font dan ini adalah

19
00:01:30,600 --> 00:01:39,190
fungsi yang pada akhirnya akan menggunakan font, jadi apa yang saya impor di sini, muat async dan kemudian kita lewat sebuah objek

20
00:01:39,190 --> 00:01:47,110
tempat kami menggambarkan data yang ingin kami muat dan itulah font sans terbuka yang akan saya daftarkan di bawah sans

21
00:01:47,110 --> 00:01:57,890
terbuka, kami menambahkan ini dengan meminta ini dari. / assets / fonts / OpenSans, tidak dicetak tebal tetapi teratur. ttf dan kemudian, kita memiliki open-sans-bold,

22
00:01:57,890 --> 00:02:05,470
itulah font lain yang ingin saya daftarkan, dengan mewajibkannya dari aset / font

23
00:02:05,470 --> 00:02:08,210
/ OpenSans-Bold. ttf, seperti ini.

24
00:02:08,440 --> 00:02:14,320
Sekarang kita perlu mengembalikan ini karena memuat async mengembalikan janji dan saya ingin mengembalikan ini dalam fungsi font

25
00:02:14,320 --> 00:02:20,410
fetch saya karena dengan ini, kita dapat menggunakannya bersama-sama dengan komponen pemuatan aplikasi dan itu adalah pola yang

26
00:02:20,410 --> 00:02:22,430
Anda pelajari sebelumnya dalam kursus.

27
00:02:22,450 --> 00:02:23,970
Jadi jika ini adalah

28
00:02:24,010 --> 00:02:28,040
hal baru bagi Anda, pastikan Anda membaca bagian lain dari kursus ini terlebih dahulu.

29
00:02:28,060 --> 00:02:34,840
Jadi sekarang kita dapat menggunakan fetch font dengan memuat aplikasi dan kita melakukan ini di dalam komponen

30
00:02:34,840 --> 00:02:41,680
aplikasi kita, di sana, saya akan mengelola beberapa negara dan saya melakukan ini dengan bantuan hook useState

31
00:02:42,610 --> 00:02:51,760
yang kita impor dari Bereaksi dan saya akan beri nama ini menyatakan font dimuat dan mengatur font dimuat dan panggil useState dan awalnya, itu

32
00:02:51,790 --> 00:02:54,260
salah karena pada awalnya, font

33
00:02:54,400 --> 00:03:00,100
belum dimuat dan kemudian di sini, kita dapat memeriksa apakah font belum dimuat yang

34
00:03:00,100 --> 00:03:07,270
merupakan kasus awal, maka saya ingin kembali komponen pemuatan aplikasi alih-alih konten aplikasi normal saya karena dalam komponen

35
00:03:07,600 --> 00:03:14,600
pemuatan aplikasi, kita dapat menambahkan properti async awal dan menunjuk pada mengambil font yang memulai fungsi pengambilan font

36
00:03:14,860 --> 00:03:21,430
ini dan setelah ini selesai, fungsi yang kita lewati untuk onFinish akan dipanggil dan dalam fungsi ini,

37
00:03:21,430 --> 00:03:29,240
saya hanya akan mengatur font dimuat ke true, seperti ini. Jadi ini memastikan bahwa kita tetap membuka splash screen sampai

38
00:03:29,240 --> 00:03:35,600
font kita dimuat dan ini akan dirender sampai kita memuat ulang font kita dan setelah

39
00:03:35,840 --> 00:03:42,590
itu, kita malah akan memuat konten ini. Sekarang dengan itu, kami memastikan bahwa kami mengimpor font kami dan bahwa kami

40
00:03:42,590 --> 00:03:45,870
dapat mulai menggunakannya dan kami akan membutuhkannya di seluruh modul ini.

41
00:03:45,980 --> 00:03:52,280
Dengan itu, sekarang saatnya untuk memulai dengan benar-benar menambahkan untuk apa kita semua datang, navigasi.