1
00:00:02,520 --> 00:00:08,550
Sebelum kami melanjutkan proses pembuatan atau penerbitan dan karenanya membawanya ke toko aplikasi, mari

2
00:00:08,550 --> 00:00:10,300
lanjutkan mengonfigurasi ini.

3
00:00:10,300 --> 00:00:15,330
Sekarang untuk satu, ada beberapa kosong di sini seperti deskripsi yang hilang yang dapat Anda

4
00:00:15,330 --> 00:00:16,440
tambahkan dengan menambahkan

5
00:00:16,440 --> 00:00:21,540
kunci deskripsi di sini dengan beberapa teks dan itu akan menjadi deskripsi yang muncul di sini.

6
00:00:21,660 --> 00:00:24,640
Penting, itu bukan deskripsi yang muncul di toko

7
00:00:24,640 --> 00:00:28,950
aplikasi, itu hanya deskripsi yang muncul di sini dan Anda dapat mempelajari

8
00:00:28,950 --> 00:00:34,200
lebih lanjut tentang deskripsi, semua kunci lain yang dapat Anda atur di sini di halaman ini.

9
00:00:34,230 --> 00:00:37,110
Bagaimanapun, ada banyak pengaturan yang dapat Anda atur.

10
00:00:37,110 --> 00:00:42,780
Sekarang yang saya tertarik sekarang adalah bagian ikon dan splash screen karena itulah ikon yang akan dilihat

11
00:00:42,780 --> 00:00:44,610
orang di layar beranda, tentu

12
00:00:44,610 --> 00:00:49,920
saja belum karena saat ini kami tidak menerbitkan aplikasi ke App Store tetapi itu akan

13
00:00:50,700 --> 00:00:51,670
berubah dan

14
00:00:51,690 --> 00:00:54,140
layar splash, itulah yang dilihat pengguna saat

15
00:00:54,330 --> 00:00:58,620
aplikasi kami memuat dan keduanya adalah hal yang biasanya ingin Anda sesuaikan.

16
00:00:58,680 --> 00:01:05,810
Sekarang expo memberi Anda ikon dan layar splash keluar dari kotak tetapi keduanya hanya placeholder kosong, kan, jadi itu

17
00:01:05,820 --> 00:01:08,720
tidak terlalu luar biasa, alih-alih kami ingin

18
00:01:08,730 --> 00:01:12,590
memberikan ikon kami sendiri, gambar layar splash kami sendiri di sini.

19
00:01:12,600 --> 00:01:17,850
Sekarang Anda benar-benar fleksibel mengenai apa yang Anda berikan di sini, tetapi secara umum,

20
00:01:17,850 --> 00:01:22,840
itu adalah ide yang baik untuk memberikan ikon dalam resolusi 1024 x 1024,

21
00:01:22,890 --> 00:01:30,720
jadi ikon persegi sebagai input dan untuk layar splash, Anda dapat membuat layar splash sebagai dijelaskan dalam dokumen resmi tempat

22
00:01:30,720 --> 00:01:35,550
Anda dapat mempelajari lebih lanjut tentang bagaimana Anda dapat membuat splash screen,

23
00:01:35,550 --> 00:01:38,520
bagaimana Anda dapat menyusunnya, dan sebagainya.

24
00:01:38,520 --> 00:01:45,600
Sekarang saya menyiapkan sesuatu untuk Anda yang dapat Anda gunakan untuk sekarang ikuti yang tidak boleh Anda gunakan untuk penyebaran

25
00:01:45,660 --> 00:01:51,930
nyata karena aset ini hanya untuk kursus ini, bukan untuk Anda gunakan dalam aplikasi yang Anda rencanakan untuk

26
00:01:51,930 --> 00:01:57,870
digunakan dan untuk yang terlampir Anda temukan ikon. file zip.

27
00:01:58,000 --> 00:02:04,270
Sekarang jika Anda membuka ritsleting ini, di sana, Anda akan menemukan tempat. File png yang tentu saja dapat Anda seret dan lepas

28
00:02:04,270 --> 00:02:05,500
ke folder aset,

29
00:02:05,500 --> 00:02:08,840
Anda juga dapat menghapus ikon. File png di sana jika Anda mau.

30
00:02:08,890 --> 00:02:15,460
Anda juga dapat menghapus splash. png karena dalam folder terlampir ini, Anda juga

31
00:02:15,580 --> 00:02:19,720
akan menemukan ikon splash ini. File png yang tentu saja dapat Anda seret dan letakkan di sini.

32
00:02:19,720 --> 00:02:24,030
Sekarang ini hanya beberapa ikon yang saya buat yang dapat kita gunakan sekarang

33
00:02:24,280 --> 00:02:29,590
dan kembali di aplikasi. file json, kita sekarang dapat menunjuk ikon kustom. Penting, Anda harus menyediakan file

34
00:02:29,600 --> 00:02:31,720
png seperti yang saya lakukan di sini.

35
00:02:31,720 --> 00:02:38,170
Jadi sekarang untuk ikonnya, kita bisa menunjuk aset / tempat. png dan untuk splash, kita bisa

36
00:02:38,260 --> 00:02:46,840
menunjukkan aset / splash_icon itu. png. Sekarang sebagai warna latar belakang, di sana kita

37
00:02:46,840 --> 00:02:47,940
dapat menggunakan warna

38
00:02:48,010 --> 00:02:55,180
hitam gelap seperti kode hex # 171717, ini harus menjadi warna kode hex seperti ini dan mode mengubah ukuran di sini dapat

39
00:02:55,180 --> 00:03:00,610
diatur untuk berisi atau menutupi, penutup pada dasarnya akan meregangkan ikon untuk mengambil lebar dan tinggi penuh

40
00:03:00,610 --> 00:03:06,190
yang tersedia, berisi akan membuat ukuran ikon, pusat itu dan memiliki warna latar belakang di belakang ikon.

41
00:03:06,190 --> 00:03:10,090
Sekarang jika kita melakukan itu, kita sudah dapat melihat hasil dari ini

42
00:03:10,240 --> 00:03:18,730
jika kita hanya memulai npm, jadi server seperti yang kita lakukan berkali-kali dalam kursus ini atau mulai expo dan kemudian kita meluncurkan ini pada emulator, Android

43
00:03:18,730 --> 00:03:26,010
atau iOS lagi seperti yang saya lakukan sedang melakukannya di sini. Sekarang ini meluncurkannya di sana dan sekarang Anda lihat, ini adalah layar

44
00:03:26,200 --> 00:03:31,510
splash yang sudah mengambil yang baru, dengan gambar di sana yang besar kami tapi itu sengaja agar kami

45
00:03:31,520 --> 00:03:35,920
dapat dengan jelas melihatnya dan warna latar belakang yang sedikit berbeda sehingga Anda juga

46
00:03:35,920 --> 00:03:40,180
memiliki kesempatan untuk melihat itu, tentu saja Anda dapat memilih warna yang sama untuk

47
00:03:40,180 --> 00:03:42,480
memiliki layar splash mulus di sini.

48
00:03:42,520 --> 00:03:45,510
Jadi itu berfungsi dan mari kita tunggu sampai selesai

49
00:03:45,710 --> 00:03:50,160
dan inilah aplikasi berjalan dan sekarang Anda melihat ikon Anda di sini juga

50
00:03:50,170 --> 00:03:55,240
jika Anda masuk ke pengalih tugas. Anda lihat itu tidak terlihat bagus dengan latar belakang

51
00:03:55,240 --> 00:03:56,720
tetapi itu adalah sesuatu yang

52
00:03:56,740 --> 00:04:02,740
dapat kita tingkatkan tetapi di sini adalah ikon secara umum, jadi itu berfungsi, kita melihat layar splash dan ikon dan di

53
00:04:02,770 --> 00:04:05,610
iOS itu akan sama. Sekarang seperti yang

54
00:04:05,610 --> 00:04:08,230
Anda tahu, ikonnya tidak terlalu bagus untuk Android.

55
00:04:08,250 --> 00:04:13,260
Alasan untuk itu adalah bahwa Android tergantung pada versi Android yang Anda jalankan di

56
00:04:13,650 --> 00:04:20,310
perangkat Anda menggunakan ikon yang berbeda, versi Android yang lebih baru menggunakan ini yang disebut ikon adaptif yang merupakan

57
00:04:20,310 --> 00:04:25,980
ikon bulat di mana Anda memiliki ikon di tengah dan kemudian beberapa warna latar belakang atau

58
00:04:25,980 --> 00:04:28,060
gambar latar belakang di belakangnya,

59
00:04:28,110 --> 00:04:30,900
versi yang lebih lama akan menggunakan ikon persegi.

60
00:04:30,900 --> 00:04:38,930
Sekarang Anda dapat memenuhi ini dengan memberikan konfigurasi yang lebih rinci untuk Android dan juga

61
00:04:39,000 --> 00:04:45,770
untuk iOS jika Anda mau. Alih-alih memiliki kunci ikon umum di sini, Anda dapat mengatur pengaturan platform spesifik dan

62
00:04:45,770 --> 00:04:48,800
itu juga sesuatu yang Anda pelajari dalam dokumen resmi tentu saja.

63
00:04:48,870 --> 00:04:55,380
Di sana, Anda dapat menemukan informasi tentang cara mengkonfigurasi ikon splash, itu bagus tetapi

64
00:04:55,380 --> 00:05:01,150
kemudian juga bagaimana Anda dapat mengkonfigurasi iOS dengan cara tertentu dan

65
00:05:01,260 --> 00:05:07,310
di sana Anda dapat mengatur ikon khusus untuk iOS jika Anda ingin menggunakannya.

66
00:05:07,480 --> 00:05:13,710
Tentu saja hal yang sama berlaku untuk layar splash, jadi pada dasarnya Anda dapat menambahkan simpul iOS

67
00:05:13,720 --> 00:05:21,910
ke konfigurasi Anda, kami sudah memilikinya di sini bahkan di sana, Anda juga bisa menambahkan ikon dan kemudian juga konfigurasi splash yang terlihat

68
00:05:21,910 --> 00:05:27,450
persis atau yang akan terlihat persis seperti konfigurasi root yang kami miliki di sini, tetapi

69
00:05:27,520 --> 00:05:33,730
sekarang Anda pada dasarnya bisa mengesampingkan pengaturan level root umum ini dan memiliki ikon khusus untuk iOS

70
00:05:33,730 --> 00:05:36,170
dan layar splash khusus untuk iOS.

71
00:05:36,190 --> 00:05:41,620
Jadi itu adalah sesuatu yang dapat Anda lakukan dan hal yang sama berlaku untuk Android dan Anda tentu saja menemukannya

72
00:05:41,620 --> 00:05:42,820
juga di dokumen resmi.

73
00:05:43,000 --> 00:05:49,050
Anda dapat menambahkan kunci Android di sini ke aplikasi Anda. json file dan kemudian ini memegang objek sehingga

74
00:05:49,060 --> 00:05:55,780
bisa dikatakan, di sana Anda juga dapat mengatur ikon dan konfigurasi splash seperti yang saya jelaskan untuk iOS dan

75
00:05:55,840 --> 00:05:58,900
sekarang pengaturan ini akan diambil untuk Android, iOS karena

76
00:05:59,140 --> 00:06:04,120
tidak memiliki pengaturan khusus dalam contoh saya di sini masih akan menggunakan pengaturan umum

77
00:06:04,120 --> 00:06:05,190
di sana.

78
00:06:05,200 --> 00:06:10,690
Sekarang hal yang menarik adalah untuk Android, Anda tidak bisa hanya mengatur layar

79
00:06:10,780 --> 00:06:18,580
splash ikon tertentu, Anda juga dapat mengatur ikon adaptif di sini dengan konfigurasi ikon adaptif, yang tidak tersedia untuk

80
00:06:18,580 --> 00:06:21,820
iOS karena ikon adaptif eksklusif untuk Android.

81
00:06:21,820 --> 00:06:29,450
Ikon adaptif mengambil objek Javascript sehingga dapat dikatakan sebagai nilai konfigurasi, bukan string dan objek ini dapat memiliki

82
00:06:29,680 --> 00:06:35,950
tiga tombol - gambar latar depan, warna latar belakang, atau gambar latar belakang.

83
00:06:35,950 --> 00:06:40,960
Sekarang Anda memiliki warna latar belakang atau gambar latar tetapi Anda harus selalu memiliki gambar

84
00:06:40,960 --> 00:06:41,850
latar depan.

85
00:06:41,890 --> 00:06:46,780
Sekarang di sini kita dapat menambahkan gambar foreground, jadi tombol ini di sini

86
00:06:46,780 --> 00:06:53,410
dan warna latar belakang yang seharusnya menjadi kode hex enam digit seperti yang Anda lihat dan mari kita

87
00:06:53,520 --> 00:06:59,590
lakukan dengan cepat di sini dan sekarang kita dapat mengatur warna latar belakang untuk mengatakan bahwa kode

88
00:06:59,590 --> 00:07:04,750
# 171717 dan gambar latar depan sekarang dapat diatur ke ikon kami, meskipun untuk

89
00:07:04,750 --> 00:07:07,900
ini saya akan merekomendasikan Anda menggunakan ikon tertentu yang

90
00:07:08,020 --> 00:07:16,990
juga Anda temukan terlampir di sini, tempat-adaptif. File png yang dapat Anda seret dan lepas ke folder aset Anda dan tempat-tempat yang adaptif. File png sekarang dapat digunakan di

91
00:07:17,410 --> 00:07:23,800
sini sebagai gambar latar depan, sehingga kita dapat menunjuk pada aset dan kemudian

92
00:07:23,830 --> 00:07:25,630
tempat-adaptif. png.

93
00:07:25,690 --> 00:07:30,550
Sekarang ikon ini, ikon tempat-adaptif transparan, itu masih ikon tetapi memiliki latar belakang

94
00:07:30,550 --> 00:07:34,990
transparan, tidak seperti ikon lainnya dan karena itu akan memungkinkan Android untuk

95
00:07:34,990 --> 00:07:39,640
menempatkannya di depan warna latar belakang ini atau gambar latar belakang yang Anda

96
00:07:39,640 --> 00:07:43,650
berikan dan secara otomatis di tikungan untuk Anda dan sebagainya.

97
00:07:43,660 --> 00:07:51,400
Jadi jika kita sekarang menyimpan ini dan karena itu membangun kembali dan agar aman bahwa ini benar-benar memperhitungkannya, saya akan memulai

98
00:07:51,430 --> 00:07:53,910
kembali server pameran saya di sini.

99
00:07:54,040 --> 00:08:00,370
Jika sekarang kita meluncurkan ini di Android dan untuk itu saya juga akan menutup klien pameran di sini dan

100
00:08:03,390 --> 00:08:05,490
kemudian jalankan kembali ini di

101
00:08:05,490 --> 00:08:08,990
Android, kita akan melihat bahwa setelah ini dimulai kembali, kita

102
00:08:09,000 --> 00:08:12,540
sekarang memiliki ikon yang lebih bagus yang terlihat sedikit lebih baik.

103
00:08:12,600 --> 00:08:14,060
Jadi mari kita tunggu

104
00:08:14,070 --> 00:08:19,560
sampai peluncurannya, ini masih layar splash seperti yang kita atur sebelumnya, saya juga tidak mengatur layar splash khusus Android yang tentu

105
00:08:19,560 --> 00:08:21,700
saja kita bisa tetapi di sini tidak, jadi

106
00:08:21,720 --> 00:08:25,810
kita tentu saja mendapatkan yang sama percikan layar seperti sebelumnya dalam modul ini dan jika

107
00:08:26,110 --> 00:08:31,440
Anda sekarang melihat ikonnya, Anda mungkin masih melihat yang lama. Yang baru akan diperhitungkan meskipun

108
00:08:31,440 --> 00:08:37,320
setelah kami membangun aplikasi ini sebagai aplikasi mandiri dan mendistribusikannya ke toko aplikasi.

109
00:08:38,100 --> 00:08:43,110
Secara umum, rekomendasinya adalah untuk Android, Anda mengatur ikon adaptif seperti itu karena Anda mencakup lebih

110
00:08:43,110 --> 00:08:49,470
banyak versi Android yang tentu saja tidak ada salahnya. Mengatur ikon umum seperti itu juga bukan ide yang buruk dan tentu

111
00:08:49,470 --> 00:08:50,040
saja

112
00:08:50,070 --> 00:08:54,780
kita dapat menggunakan satu dan ikon yang sama untuk iOS dan Android atau Anda mengatur ikon khusus untuk

113
00:08:54,810 --> 00:09:01,110
iOS dan untuk Android, sebagaimana disebutkan untuk Android, mungkin ikon adaptif. Jika Anda ingin mempelajari lebih lanjut tentang proses membuat

114
00:09:01,110 --> 00:09:06,180
dan mengelola ikon dan splash screen, terlampir Anda menemukan dokumen pameran resmi yang menyelami secara

115
00:09:06,180 --> 00:09:11,160
mendalam ke berbagai opsi yang Anda miliki di sana dan apa yang harus Anda pertimbangkan.