Dengan populariti peranti mudah alih dan pembangunan berterusan teknologi aplikasi Web, semakin banyak aplikasi mula mengguna pakai teknologi Hibrid (pembangunan hibrid) dan menggunakan teknologi Web untuk pembangunan pantas dan penggunaan merentas platform. Pada masa yang sama, ciri penting teknologi Hibrid ialah penggunaan kawalan WebView sebagai bekas untuk aplikasi memaparkan kandungan web. Walau bagaimanapun, dalam pembangunan sebenar, kami mungkin menghadapi beberapa masalah, seperti masalah paparan bar status. Dalam Uni-app, kami boleh menyembunyikan bar status melalui operasi mudah untuk menjadikan aplikasi lebih cantik dan standard.
Menyembunyikan bar status ialah kaedah reka bentuk yang memberi lebih perhatian kepada pengalaman pengguna Ia boleh menjadikan aplikasi lebih mudah, lebih cantik dan konsisten serta membolehkan pengguna menumpukan lebih pada kandungan aplikasi. Dalam Uni-app, kita boleh menggunakan komponen halaman untuk menyembunyikan bar status.
1. Fungsi dan kelebihan bar status
Pada peranti mudah alih, bar status merujuk kepada bar mendatar yang panjang dan sempit, biasanya terletak di bahagian atas skrin. Fungsinya adalah untuk memaparkan status peranti dan ikon pemberitahuan, seperti kuasa, kekuatan isyarat, masa, dsb. Pada masa yang sama, dalam aplikasi, bar status juga boleh memainkan peranan bar tajuk, digunakan untuk memaparkan nama aplikasi dan tajuk halaman semasa.
Kebaikan menyembunyikan bar status terutamanya termasuk aspek berikut:
1. Menambah luas halaman paparan aplikasi dan meningkatkan pengalaman pengguna.
2. Jadikan aplikasi lebih kemas dan cantik, memenuhi keperluan estetik pengguna.
3. Kurangkan gangguan dan gangguan pengguna, dan lebih fokus pada kandungan aplikasi.
4 Untuk aplikasi dengan halaman yang panjang, menyembunyikan bar status boleh menjadikan kandungan lebih berterusan dan lancar.
2. Sembunyikan bar status dalam Uni-app
Dalam Uni-app, dengan menetapkan komponen halaman, anda boleh menyembunyikan bar status. Kami boleh mengawal sama ada untuk menyembunyikan bar status dengan menetapkan parameter "navigationBarTitleText" dalam kod halaman. Pada masa yang sama, kami juga boleh menambah gaya global atau gaya peringkat halaman untuk mencapai kawalan yang lebih terperinci dengan mengendalikan secara langsung gaya CSS bar status.
1. Tambahkan gaya CSS bar status dalam gaya global
Dalam Uni-app, kami boleh menambah gaya CSS bar status dalam gaya global untuk mencapai lebih fleksibel dan kawalan terperinci. Kami boleh menambah kod berikut dalam teg
