Sebelum kami melanjutkan proses pembuatan atau penerbitan dan karenanya membawanya ke toko aplikasi, mari
lanjutkan mengonfigurasi ini.
Sekarang untuk satu, ada beberapa kosong di sini seperti deskripsi yang hilang yang dapat Anda
tambahkan dengan menambahkan
kunci deskripsi di sini dengan beberapa teks dan itu akan menjadi deskripsi yang muncul di sini.
Penting, itu bukan deskripsi yang muncul di toko
aplikasi, itu hanya deskripsi yang muncul di sini dan Anda dapat mempelajari
lebih lanjut tentang deskripsi, semua kunci lain yang dapat Anda atur di sini di halaman ini.
Bagaimanapun, ada banyak pengaturan yang dapat Anda atur.
Sekarang yang saya tertarik sekarang adalah bagian ikon dan splash screen karena itulah ikon yang akan dilihat
orang di layar beranda, tentu
saja belum karena saat ini kami tidak menerbitkan aplikasi ke App Store tetapi itu akan
berubah dan
layar splash, itulah yang dilihat pengguna saat
aplikasi kami memuat dan keduanya adalah hal yang biasanya ingin Anda sesuaikan.
Sekarang expo memberi Anda ikon dan layar splash keluar dari kotak tetapi keduanya hanya placeholder kosong, kan, jadi itu
tidak terlalu luar biasa, alih-alih kami ingin
memberikan ikon kami sendiri, gambar layar splash kami sendiri di sini.
Sekarang Anda benar-benar fleksibel mengenai apa yang Anda berikan di sini, tetapi secara umum,
itu adalah ide yang baik untuk memberikan ikon dalam resolusi 1024 x 1024,
jadi ikon persegi sebagai input dan untuk layar splash, Anda dapat membuat layar splash sebagai dijelaskan dalam dokumen resmi tempat
Anda dapat mempelajari lebih lanjut tentang bagaimana Anda dapat membuat splash screen,
bagaimana Anda dapat menyusunnya, dan sebagainya.
Sekarang saya menyiapkan sesuatu untuk Anda yang dapat Anda gunakan untuk sekarang ikuti yang tidak boleh Anda gunakan untuk penyebaran
nyata karena aset ini hanya untuk kursus ini, bukan untuk Anda gunakan dalam aplikasi yang Anda rencanakan untuk
digunakan dan untuk yang terlampir Anda temukan ikon. file zip.
Sekarang jika Anda membuka ritsleting ini, di sana, Anda akan menemukan tempat. File png yang tentu saja dapat Anda seret dan lepas
ke folder aset,
Anda juga dapat menghapus ikon. File png di sana jika Anda mau.
Anda juga dapat menghapus splash. png karena dalam folder terlampir ini, Anda juga
akan menemukan ikon splash ini. File png yang tentu saja dapat Anda seret dan letakkan di sini.
Sekarang ini hanya beberapa ikon yang saya buat yang dapat kita gunakan sekarang
dan kembali di aplikasi. file json, kita sekarang dapat menunjuk ikon kustom. Penting, Anda harus menyediakan file
png seperti yang saya lakukan di sini.
Jadi sekarang untuk ikonnya, kita bisa menunjuk aset / tempat. png dan untuk splash, kita bisa
menunjukkan aset / splash_icon itu. png. Sekarang sebagai warna latar belakang, di sana kita
dapat menggunakan warna
hitam gelap seperti kode hex # 171717, ini harus menjadi warna kode hex seperti ini dan mode mengubah ukuran di sini dapat
diatur untuk berisi atau menutupi, penutup pada dasarnya akan meregangkan ikon untuk mengambil lebar dan tinggi penuh
yang tersedia, berisi akan membuat ukuran ikon, pusat itu dan memiliki warna latar belakang di belakang ikon.
Sekarang jika kita melakukan itu, kita sudah dapat melihat hasil dari ini
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
atau iOS lagi seperti yang saya lakukan sedang melakukannya di sini. Sekarang ini meluncurkannya di sana dan sekarang Anda lihat, ini adalah layar
splash yang sudah mengambil yang baru, dengan gambar di sana yang besar kami tapi itu sengaja agar kami
dapat dengan jelas melihatnya dan warna latar belakang yang sedikit berbeda sehingga Anda juga
memiliki kesempatan untuk melihat itu, tentu saja Anda dapat memilih warna yang sama untuk
memiliki layar splash mulus di sini.
Jadi itu berfungsi dan mari kita tunggu sampai selesai
dan inilah aplikasi berjalan dan sekarang Anda melihat ikon Anda di sini juga
jika Anda masuk ke pengalih tugas. Anda lihat itu tidak terlihat bagus dengan latar belakang
tetapi itu adalah sesuatu yang
dapat kita tingkatkan tetapi di sini adalah ikon secara umum, jadi itu berfungsi, kita melihat layar splash dan ikon dan di
iOS itu akan sama. Sekarang seperti yang
Anda tahu, ikonnya tidak terlalu bagus untuk Android.
Alasan untuk itu adalah bahwa Android tergantung pada versi Android yang Anda jalankan di
perangkat Anda menggunakan ikon yang berbeda, versi Android yang lebih baru menggunakan ini yang disebut ikon adaptif yang merupakan
ikon bulat di mana Anda memiliki ikon di tengah dan kemudian beberapa warna latar belakang atau
gambar latar belakang di belakangnya,
versi yang lebih lama akan menggunakan ikon persegi.
Sekarang Anda dapat memenuhi ini dengan memberikan konfigurasi yang lebih rinci untuk Android dan juga
untuk iOS jika Anda mau. Alih-alih memiliki kunci ikon umum di sini, Anda dapat mengatur pengaturan platform spesifik dan
itu juga sesuatu yang Anda pelajari dalam dokumen resmi tentu saja.
Di sana, Anda dapat menemukan informasi tentang cara mengkonfigurasi ikon splash, itu bagus tetapi
kemudian juga bagaimana Anda dapat mengkonfigurasi iOS dengan cara tertentu dan
di sana Anda dapat mengatur ikon khusus untuk iOS jika Anda ingin menggunakannya.
Tentu saja hal yang sama berlaku untuk layar splash, jadi pada dasarnya Anda dapat menambahkan simpul iOS
ke konfigurasi Anda, kami sudah memilikinya di sini bahkan di sana, Anda juga bisa menambahkan ikon dan kemudian juga konfigurasi splash yang terlihat
persis atau yang akan terlihat persis seperti konfigurasi root yang kami miliki di sini, tetapi
sekarang Anda pada dasarnya bisa mengesampingkan pengaturan level root umum ini dan memiliki ikon khusus untuk iOS
dan layar splash khusus untuk iOS.
Jadi itu adalah sesuatu yang dapat Anda lakukan dan hal yang sama berlaku untuk Android dan Anda tentu saja menemukannya
juga di dokumen resmi.
Anda dapat menambahkan kunci Android di sini ke aplikasi Anda. json file dan kemudian ini memegang objek sehingga
bisa dikatakan, di sana Anda juga dapat mengatur ikon dan konfigurasi splash seperti yang saya jelaskan untuk iOS dan
sekarang pengaturan ini akan diambil untuk Android, iOS karena
tidak memiliki pengaturan khusus dalam contoh saya di sini masih akan menggunakan pengaturan umum
di sana.
Sekarang hal yang menarik adalah untuk Android, Anda tidak bisa hanya mengatur layar
splash ikon tertentu, Anda juga dapat mengatur ikon adaptif di sini dengan konfigurasi ikon adaptif, yang tidak tersedia untuk
iOS karena ikon adaptif eksklusif untuk Android.
Ikon adaptif mengambil objek Javascript sehingga dapat dikatakan sebagai nilai konfigurasi, bukan string dan objek ini dapat memiliki
tiga tombol - gambar latar depan, warna latar belakang, atau gambar latar belakang.
Sekarang Anda memiliki warna latar belakang atau gambar latar tetapi Anda harus selalu memiliki gambar
latar depan.
Sekarang di sini kita dapat menambahkan gambar foreground, jadi tombol ini di sini
dan warna latar belakang yang seharusnya menjadi kode hex enam digit seperti yang Anda lihat dan mari kita
lakukan dengan cepat di sini dan sekarang kita dapat mengatur warna latar belakang untuk mengatakan bahwa kode
# 171717 dan gambar latar depan sekarang dapat diatur ke ikon kami, meskipun untuk
ini saya akan merekomendasikan Anda menggunakan ikon tertentu yang
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
sini sebagai gambar latar depan, sehingga kita dapat menunjuk pada aset dan kemudian
tempat-adaptif. png.
Sekarang ikon ini, ikon tempat-adaptif transparan, itu masih ikon tetapi memiliki latar belakang
transparan, tidak seperti ikon lainnya dan karena itu akan memungkinkan Android untuk
menempatkannya di depan warna latar belakang ini atau gambar latar belakang yang Anda
berikan dan secara otomatis di tikungan untuk Anda dan sebagainya.
Jadi jika kita sekarang menyimpan ini dan karena itu membangun kembali dan agar aman bahwa ini benar-benar memperhitungkannya, saya akan memulai
kembali server pameran saya di sini.
Jika sekarang kita meluncurkan ini di Android dan untuk itu saya juga akan menutup klien pameran di sini dan
kemudian jalankan kembali ini di
Android, kita akan melihat bahwa setelah ini dimulai kembali, kita
sekarang memiliki ikon yang lebih bagus yang terlihat sedikit lebih baik.
Jadi mari kita tunggu
sampai peluncurannya, ini masih layar splash seperti yang kita atur sebelumnya, saya juga tidak mengatur layar splash khusus Android yang tentu
saja kita bisa tetapi di sini tidak, jadi
kita tentu saja mendapatkan yang sama percikan layar seperti sebelumnya dalam modul ini dan jika
Anda sekarang melihat ikonnya, Anda mungkin masih melihat yang lama. Yang baru akan diperhitungkan meskipun
setelah kami membangun aplikasi ini sebagai aplikasi mandiri dan mendistribusikannya ke toko aplikasi.
Secara umum, rekomendasinya adalah untuk Android, Anda mengatur ikon adaptif seperti itu karena Anda mencakup lebih
banyak versi Android yang tentu saja tidak ada salahnya. Mengatur ikon umum seperti itu juga bukan ide yang buruk dan tentu
saja
kita dapat menggunakan satu dan ikon yang sama untuk iOS dan Android atau Anda mengatur ikon khusus untuk
iOS dan untuk Android, sebagaimana disebutkan untuk Android, mungkin ikon adaptif. Jika Anda ingin mempelajari lebih lanjut tentang proses membuat
dan mengelola ikon dan splash screen, terlampir Anda menemukan dokumen pameran resmi yang menyelami secara
mendalam ke berbagai opsi yang Anda miliki di sana dan apa yang harus Anda pertimbangkan.