UDACODING

Posts

MENGATUR ORIENTATION PORTRAIT PADA FLUTTER

Assalammu’alaikum warahmatullahi wabarakatuh. Postingan kali ini akan membahas tentang bagaimana caranya kita mengatur tampilan aplikasi agar tetap portrait meskipun layar smartphone teman teman semua dalam keadaalan landscape. Nah dari pada penasaran, yuk ikuti langkahnya sebagai berikut:

  • Siapka halaman yang akan kita set menjadi portrait orientation. Kali ini saya akan mengimplentasikan  orientasi portrait pada halaman login, berikut codingan yang ditambahkan:
void initState(){
  super.initState();
  SystemChrome.setPreferredOrientations([
    DeviceOrientation.portraitDown,
    DeviceOrientation.portraitUp,

  ]);
}
@override
dispose(){
  SystemChrome.setPreferredOrientations([
    DeviceOrientation.landscapeRight,
    DeviceOrientation.landscapeLeft,
    DeviceOrientation.portraitUp,
    DeviceOrientation.portraitDown,
  ]);
  super.dispose();
}

Pada codingan diatas saat aplikasi dijalankan pertama kali, maka Device orientationnya kita set menjadi portraitDown dan portraitUp.

  • Ketika aplikasi di jalankan, dengan posisi devive landscape, maka akan tampil sebagai berikut:
image-19 MENGATUR ORIENTATION PORTRAIT PADA FLUTTER

Sebelumnya jika kita belum set Device orientationnya, maka ketika device nya kita jadikan horizontal maka tampilannya sebagai berikut:

image-20 MENGATUR ORIENTATION PORTRAIT PADA FLUTTER

Leave a Reply :

* Your email address will not be published.