Lewati ke konten utama
menjadi.dev
Chapter 46.6 Mobile Lanjutan

Permission Handling di iOS & Android

Request, check, dan handle permission denial gracefully

Tujuan Pembelajaran

  • Memahami perbedaan model permission iOS vs Android
  • Mampu membuat permission flow yang UX-friendly
  • Mengerti cara handle permanent denial dengan Settings redirect

Analogi

Diagram

      Permission = Minta Izin Masuk Rumah:
1. Ketuk pintu → request permission
2. Dijawab "boleh" → granted, masuk
3. Dijawab "tidak" → denied, bisa tanya lagi nanti
4. Pintu dikunci + "jangan ganggu" → permanently denied, harus lewat surat resmi (Settings)

Permanent denial = user pilih "Don't Ask Again". Harus arahkan ke Settings.
    

Permission seperti minta izin masuk rumah — tanya dulu, handle jawabannya. Kalau ditolak permanen, arahkan ke Settings.

Penjelasan Konsep

iOS dan Android punya model permission yang berbeda. iOS: prompt sekali, kalau user tolak, harus ke Settings. Android: permission bisa diminta lagi, tapi user bisa centang “Don’t ask again”.

Permission lifecycle: (1) Undetermined — belum pernah diminta. (2) Granted — diizinkan. (3) Denied — ditolak (bisa diminta lagi). (4) Blocked/Permanently Denied — ditolak permanen (user harus ke Settings).

UX flow terbaik: (1) Jangan langsung minta permission saat app start — user belum percaya. (2) Tampilkan context dulu — jelaskan KENAPA butuh permission. (3) Minta di momen yang relevan — minta kamera saat user tap tombol foto, bukan saat onboarding. (4) Handle denial gracefully — tampilkan fallback UI, jangan crash. (5) Kalau permanently denied — arahkan ke Settings: Linking.openSettings().

expo-permissions: tidak lagi dibutuhkan — setiap expo module punya hook permission sendiri: useCameraPermissions(), useMediaLibraryPermissions(), useForegroundPermissions().

Pattern untuk permission-aware component: (1) Cek status permission. (2) Tentukan state: loading, not-determined, denied, granted. (3) Render UI berbeda untuk masing-masing state.

Inti yang Perlu Dipahami

Bagian ini berfokus pada memahami perbedaan model permission iOS vs Android., mampu membuat permission flow yang UX-friendly., dan mengerti cara handle permanent denial dengan Settings redirect. Jangan terburu-buru menghafal istilahnya. Lebih penting untuk memahami peran setiap konsep dan kapan konsep itu muncul dalam pekerjaan web development.

Saat membaca Permission Handling di iOS & Android, gunakan tujuan belajar sebagai penanda arah. Kalau kamu sudah bisa menjelaskan tujuan itu dengan kata-katamu sendiri, berarti fondasinya mulai terbentuk.

Cara Membayangkannya

Permission seperti minta izin masuk rumah — tanya dulu, handle jawabannya. Kalau ditolak permanen, arahkan ke Settings. Analogi ini dipakai supaya konsep teknis tidak terasa melayang. Hubungkan setiap istilah dengan perannya: siapa yang meminta, siapa yang memproses, data apa yang berpindah, dan hasil apa yang diharapkan.

Kalau analoginya sudah terasa masuk akal, barulah lihat istilah teknisnya. Cara ini membuat materi lebih mudah dipahami daripada langsung menghafal definisi.

Saat Melihat Contoh Kode

Contoh kode pada chapter ini memakai bahasa tsx. Bacalah contoh kode sebagai ilustrasi alur, bukan sebagai bagian yang harus langsung dihafal. useCameraPermissions return status. canAskAgain: false = user permanently denied → arahkan ke Settings. canAskAgain: true = user hanya denied → bisa request lagi.

Perhatikan nama fungsi, urutan langkah, dan data yang berpindah. Biasanya tiga hal itu sudah cukup untuk memahami hubungan antara teori dan praktik.

Konteks dalam Perjalanan Belajar

Setiap konsep di platform ini dipilih karena dipakai di industri. Fokus pada pemahaman, bukan hafalan.

Kamu sudah di bagian lanjutan. Mulai pikirkan bagaimana konsep ini dipakai di dunia kerja — bukan hanya untuk belajar, tapi untuk membangun produk nyata.

Gunakan pertanyaan reflektif dan prompt AI di akhir chapter sebagai latihan aktif. Membaca saja tidak cukup — kamu perlu menjelaskan ulang dengan kata-katamu sendiri.

Contoh Kode

tsx
import { useCameraPermissions } from "expo-camera";
import { Linking, View, Pressable, Text } from "react-native";

function CameraScreen() {
  const [perm, request] = useCameraPermissions();
  if (!perm) return null;
  if (!perm.granted) {
    return (
      <View>
        <Text>Kamera diperlukan untuk fitur ini.</Text>
        {perm.canAskAgain ? (
          <Pressable onPress={request}><Text>Izinkan</Text></Pressable>
        ) : (
          <Pressable onPress={() => Linking.openSettings()}><Text>Buka Settings</Text></Pressable>
        )}
      </View>
    );
  }
  return <CameraView />;
}

Penjelasan Kode

useCameraPermissions return status. canAskAgain: false = user permanently denied → arahkan ke Settings. canAskAgain: true = user hanya denied → bisa request lagi.

Prompt AI

Buat PermissionGate component yang generic: menerima permission type (camera, media, location, notification), handle semua permission states (loading, denied, blocked), dan render children hanya kalau granted.

Pertanyaan Reflektif

Buka Settings > Privacy di HP-mu. Berapa banyak aplikasi yang kamu izinkan akses kamera/lokasi? Apakah ada aplikasi yang permisinya tidak kamu sadari?