Mari kita mulai dengan ukuran perangkat
yang sedang kita jalankan. Saat ini saya memiliki emulator yang relatif besar di sini dan sekarang saya akan mengubahnya
dan saya akan mengubahnya
di Android tetapi tentu saja kita bisa melakukan hal yang sama di iOS. Di sini di Android dan saya akan membuat perangkat
virtual baru yang sebenarnya jauh lebih kecil
dan untuk itu dalam daftar gambar saya di sini saat membuat perangkat virtual baru, saya akan memilih yang
super
kecil seperti ini 3. Ponsel 7 inci di sini.
Sekarang satu catatan penting, Anda mungkin berpikir bahwa tidak banyak pengguna menggunakan perangkat sekecil itu lagi,
tetapi itu benar-benar tergantung pada pasar yang Anda targetkan.
Jika Anda menargetkan terutama AS, mungkin Anda tidak benar-benar perlu mengoptimalkan aplikasi untuk perangkat kecil tetapi
jika Anda menargetkan
seluruh dunia atau mungkin beberapa negara berkembang, maka itu terlihat berbeda, jadi Anda pasti
ingin untuk mengetahui apa target Anda dan perangkat apa yang digunakan pengguna target Anda.
Jadi saya akan membuat perangkat ini di sini, yang relatif kecil, cukup klik di sini, pilih Android pie dalam kasus saya
di sini sebagai versi Android dan kemudian selesaikan ini dan
sekarang ini akan membuat perangkat virtual ini dan sekarang saya juga akan meluncurkannya.
Jadi sekarang ini sedang booting, di layar kedua saya akan membawanya kembali ke sini sebentar lagi,
saya akan menutup perangkat Android ini
untuk saat ini, yang lebih besar ini dan inilah yang lebih kecil saya booting.
Jadi izinkan saya juga meningkatkan sedikit ini dan ini hanya meningkatkan ukuran di mana
kita dapat melihatnya, bukan dimensi ponsel dan
seperti yang sudah Anda ketahui, ini jelas merupakan perangkat yang lebih kecil dengan piksel lebih sedikit
tersedia di tinggi dan lebar.
Jadi sekarang dengan itu, saya sudah kembali dalam proyek saya, ini adalah proyek
yang kami kerjakan di bagian terakhir dan Anda menemukannya terlampir jika
Anda tidak mengikuti di sini dan saya sudah memulai server expo saya dengan
mulai npm dan dengan Memukul, saya sekarang menginstal expo dan kemudian aplikasi ini di sini di emulator ini.
Jadi mari kita tunggu sampai ini selesai dan diluncurkan dan inilah aplikasi saya dan kita sudah dapat mengatakan bahwa aplikasi
kita tentu tidak dioptimalkan untuk layar yang lebih kecil,
di sini tombol-tombolnya tidak benar-benar diposisikan dengan baik sehingga ada sesuatu yang salah di
sana dan sekarang mari kita lihat cara kerjanya ketika kami memulai permainan.
Nah di sini sepertinya ini berfungsi, jika saya mengklik Start Game, yah itu pasti bekerja di sini tetapi kami memiliki masalah pada layar awal kami dan mungkin di sini, kami
ingin mengubah beberapa ukuran juga, mungkin kami ingin menghapus margin atau kurangi margin
yang kita miliki antara angka ini dan kotak ini dengan input kita di sini, mungkin ingin menambah lebar
kotak kita di sana, log kita tentang putaran yang kita miliki, jadi mungkin kita ingin mengubah sesuatu di sana dan ketika
permainan dimulai selesai, mungkin kita ingin mengecilkan ukuran gambar sedikit tetapi karena ini
super besar dan sebenarnya memiliki satu kerugian besar karena karena halaman ini
tidak dapat digulir, saya tidak dapat mencapai tombol permainan
baru, jadi itu adalah pemecah game
nyata, ini benar-benar merusak permainan kami, jarak ini di sini juga agak terlalu besar antara
gambar dan teks.
Ada banyak pekerjaan yang harus dilakukan hanya karena kami menggunakan
perangkat yang lebih kecil, ini bahkan tidak menghargai fakta bahwa pengguna kami mungkin memutar perangkat yang omong-omong
saat ini dinonaktifkan, jadi saya akan kembali ke ini dan bagaimana mengaktifkannya dalam sedetik.
Jadi mari kita mulai bekerja dan mari kita belajar bagaimana kita dapat benar-benar menghitung ruang yang kita distribusikan, ukuran yang kita
gunakan dengan cara yang lebih dinamis dan memastikan bahwa aplikasi kita terlihat bagus di semua jenis perangkat.