ImgPicker
Komponen ini mempermudah pemilihan gambar avatar dari galeri. Contoh implementasi ada di
exsampel/ImgPicker.js dan menggunakan helper ImgPicker dari NexaJS.
Contoh implementasi dasar
import { useState, useEffect, View, Avatar, ImgPicker } from "NexaJS";
const [selectedImage, setSelectedImage] = useState(null);
useEffect(() => {
(async () => {
const savedImage = await ImgPicker.loadSavedImage();
setSelectedImage(savedImage);
})();
}, []);
const handleImagePick = () => {
ImgPicker.handleImageSelection(
(imageUri) => setSelectedImage(imageUri),
(error) => console.error("Failed to pick image:", error)
);
};Integrasi dengan Avatar
<Avatar
source={selectedImage}
size={130}
icon="camera"
onIconPress={handleImagePick}
/>Catatan
- Pastikan izin galeri sudah diminta sebelum pick image.
- Simpan URI hasil pilih agar avatar tetap tampil setelah reload.
- Tangani callback error untuk kasus user menolak izin atau membatalkan picker.