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
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
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
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?