Mengapa Uni-app hanya memaparkan tiga paparan?

uniapp hanya membenarkan tiga paparan dipaparkan

Dengan pembangunan berterusan aplikasi mudah alih, pembangun bahagian hadapan mempunyai permintaan yang semakin meningkat untuk penyelesaian pembangunan merentas platform. Uni-app, sebagai rangka kerja merentas platform berdasarkan Vue.js, telah digunakan secara meluas. Walau bagaimanapun, anda mungkin menghadapi beberapa masalah pelik semasa pembangunan dengan Uni-app. Sebagai contoh, hari ini kita akan membincangkan soalan: Mengapa Uni-app hanya membenarkan tiga paparan dipaparkan?

Perihalan masalah

Semasa proses pembangunan menggunakan Uni-app, pembangun mungkin mendapati Uni-app hanya membenarkan paparan tiga paparan. Ini kelihatan seperti soalan yang sangat pelik, kerana sekatan sedemikian sangat menyusahkan semasa pembangunan harian.

Punca masalah

Pertama sekali, kita perlu memahami seni bina Uni-app. Uni-app menyediakan keupayaan pembangunan merentas platform berdasarkan Vue.js, dan serasi dengan program mini WeChat, program mini Alipay, H5, App dan platform lain. Dalam peringkat Uni-app, setiap komponen dirangkumkan ke dalam format yang serupa dengan Komponen Web. Setiap komponen perlu mendaftarkan bekas paparan dan bekas paparan ini ialah komponen asas yang disediakan oleh Uni-app sendiri. Komponen asas ini dipanggil Uni-view.

Punca masalah datang daripada pelaksanaan komponen Uni-view. Uni-view ialah komponen bekas Ia tidak melukis kandungan halaman dengan sendirinya, tetapi bertanggungjawab untuk memaparkan sub-komponen. Memandangkan komponen Uni-view perlu stabil pada platform yang berbeza, dari segi pelaksanaan, Uni-view hanya melukis bekas tanpa melukis apa-apa dalam bekas. Oleh itu, apabila melihat halaman Uni-app dalam simulator atau peranti sebenar, hanya tiga komponen pertama yang disertakan dalam bekas akan dilukis.

Penyelesaian

Jadi, bagaimana kita harus menyelesaikan masalah ini?

Pilihan 1: Gunakan komponen yang serupa dengan ScrollView

Jika anda perlu memaparkan banyak paparan, anda boleh menggunakan komponen yang serupa dengan ScrollView. Dalam aplikasi Uni, anda boleh menggunakan komponen paparan tatal untuk mencapai kesan tatal.

Pilihan 2: Render ke dalam bekas paparan yang sama

Apabila bilangan bekas paparan melebihi tiga, kami boleh mempertimbangkan untuk menjadikan semua komponen ke dalam bekas paparan yang sama. Dengan cara ini, kita hanya perlu memaparkan bekas paparan dalam komponen utama, dan kemudian menambah semua komponen anak pada bekas ini.

Pilihan 3: Tunggu sehingga data dimuatkan sebelum memaparkannya

Dalam banyak kes, kita boleh menunggu data dimuatkan sebelum memaparkan antara muka UI. Dengan cara ini, hanya UI yang diperlukan dipaparkan apabila halaman pertama kali dimuatkan dan UI yang lengkap dipaparkan selepas data dimuatkan.

Ringkasan

Semasa proses pembangunan Uni-app, beberapa masalah boleh menyebabkan pembangun mengalami kesusahan yang besar. Sebagai contoh, hari ini kita membincangkan mengapa Uni-app hanya membenarkan tiga paparan dipaparkan. Masalah ini timbul terutamanya kerana cara komponen Uni-view dilaksanakan. Terdapat banyak penyelesaian untuk masalah ini, dan pembangun boleh memilih kaedah yang paling sesuai mengikut situasi sebenar. Saya harap artikel ini boleh membawa sedikit bantuan kepada pembangun Uni-app.

Atas ialah kandungan terperinci Mengapa Uni-app hanya memaparkan tiga paparan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!