React Native - Cara Mengunci (Locked) Screen Orientation

Halo semuanya... Di postingan kali ini, kita akan mengunci atau me-lock screen orientation aplikasi Android yang dibuat dengan React Native. Screen orientation bisa di lock menjadi portrait atau landscape sesuai kebutuhan. Tujuan dari me-lock screen orientation ini adalah agar aplikasi kita tidak berubah orientasinya sesuai dengan kondisi HP saat itu. Untuk beberapa kasus, pengucian orientasi ini dibutuhkan untuk mempertahankan tampilan aplikasi.

Cara untuk me-lock screen orientation tidak susah. Kita hanya perlu menambahkan property android:screenOrientation bernilai portrait / landscape, di dalam element activity, yang ada di file android/app/src/main/AndroidManifest.xml. 

Berikut ini adalah contoh snippet dari file AndroidManifest.xml yang sudah ditambahkan property untuk mengatur screen orientationnya.

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

  package="...">

    <uses-permission android:name="..." />

    <application

      ...>

      <activity

        ...

        android:screenOrientation="portrait"

        ...>

        <intent-filter>

            ...

        </intent-filter>

      </activity>

    </application>

</manifest>

Sekian untuk tutorial kali ini. Singkat, padat, dan jelas kan? Untuk informasi lengkapnya tentang hal ini bisa dilihat dari link ini. Semoga membantu. Selamat membaca dan mencoba.

Salam Share,

Funtastic Share