React Native, platformlar arası mobil uygulama geliştirmeye olanak tanıyan popüler bir framework'tür. Bu framework ile geliştirilen uygulamalara kamera gibi native cihaz özelliklerini eklemek mümkündür.
react-native-vision-camera, React Native uygulamalarına kamera işlevselliği eklemeyi kolaylaştıran bir kütüphanedir. Bu kütüphane, hem iOS hem de Android platformlarında kullanılabilir.
react-native-vision-camera'nın Avantajları
- Kullanımı kolay: Kütüphanenin kullanımı oldukça basittir. Birkaç satır kod ile uygulamanıza kamera özelliği ekleyebilirsiniz.
- Güçlü: Kütüphane, barkod tarama, yüz algılama ve otomatik odaklama gibi birçok gelişmiş kamera özelliğini destekler.
- Performanslı: Kütüphane, native platformların kamera API'lerini kullanarak yüksek performanslı bir kamera deneyimi sunar.
- react-native-vision-camera'yı Kurma
Kütüphaneyi kurmak için aşağıdaki adımları takip edebilirsiniz:
Projenize react-native-vision-camera paketini ekleyin:
ya da
iOS platformunda önce gerekli native paketleri kurmak için pod kurulumu yapın
Daha sonra ios > $ProjectName > Info.plist dosyasına ise izinler için bu komutu ekleyin
Android Kurulum: android > app > AndroidManifest.xml dosyasına izinler için aşağıdaki satırları ekleyin
Daha sonrasında gradle kullanarak yeniden bir build alın.
Temel Kullanım
Kütüphaneyi kullanarak basit bir kamera uygulaması oluşturmak için aşağıdaki adımları takip edebilirsiniz:
react-native-vision-camera paketini içe aktarın:
Uygulamanızın bir bileşeninde, Camera bileşenini kullanın:
Bu kod, kamerayı tam ekran olarak gösterecek ve bir fotoğraf çekildiğinde onCapturePhoto fonksiyonunu tetikleyecektir.
Gelişmiş Kullanım
Kütüphane, barkod tarama, yüz algılama ve otomatik odaklama gibi birçok gelişmiş kamera özelliğini de destekler. Bu özelliklerden yararlanmak için Camera bileşeninin props özelliklerini kullanabilirsiniz.
Örnek:
Bu kod, kamerayı barkod tarayıcı olarak kullanacak ve bir barkod okunduğunda onBarCodeRead fonksiyonunu tetikleyecektir.
Daha Fazla Bilgi
Kütüphanenin detaylı kullanımı hakkında daha fazla bilgi edinmek için aşağıdaki kaynaklara başvurabilirsiniz:
Kütüphanenin resmi dokümantasyonu: https://react-native-vision-camera.com/ Kütüphanenin GitHub sayfası: https://github.com/react-native-vision-camera/react-native-vision-camera
Örnek Kodlar
Basit bir kamera uygulaması:
Barkod Tarama:
react-native-vision-camera kütüphanesi, barkod tarama özelliğini de barındırır. Bu özelliği kullanarak barkodları tarayabilir ve taranan barkodun bilgilerini alabilirsiniz.
Bu kod, kamerayı barkod tarayıcı olarak kullanacak ve bir barkod okunduğunda onBarCodeRead fonksiyonunu tetikleyecektir. onBarCodeRead fonksiyonuna barkodun türü ve değeri parametre olarak gönderilecektir.
Yüz Algılama:
Kütüphane, yüz algılama özelliğini de destekler. Bu özelliği kullanarak kameradaki yüzleri algılayabilir ve yüzlerin konumlarını ve diğer bilgilerini alabilirsiniz.
Bu kod, kamerayı yüz algılama özelliğiyle çalıştıracak ve kameradaki yüzleri algıladığında onFacesDetected fonksiyonunu tetikleyecektir. onFacesDetected fonksiyonuna algılanan yüzlerin bir listesi parametre olarak gönderilecektir.
Otomatik Odaklama:
Kütüphane, otomatik odaklama özelliğini de kullanmanıza imkan verir. Bu özelliği kullanarak kameranın odak noktasını manuel olarak ayarlayabilir veya otomatik odaklama modunu etkinleştirebilirsiniz.
Bu kod, kamerayı otomatik odaklama modunda çalıştıracaktır.
Sonuç
react-native-vision-camera kütüphanesi, React Native uygulamalarına kamera işlevselliği eklemeyi kolaylaştıran güçlü bir araçtır. Kütüphane, barkod tarama, yüz algılama ve otomatik odaklama gibi birçok gelişmiş kamera özelliğini de destekler.
Bu makalede, kütüphanenin kurulumundan temel kullanımına ve gelişmiş özelliklerine kadar birçok konuya değindik. Daha fazla bilgi için kütüphanenin resmi dokümantasyonuna ve GitHub sayfasına göz atabilirsiniz.