Facebook Button React Native

Facebook Button React Native: Uygulama Entegrasyonu ve Kullanım Kılavuzu

Giriş

React Native, Facebook’un açık kaynaklı bir mobil uygulama geliştirme çerçevesidir. JavaScript kullanarak hem iOS hem de Android platformları için yerel uygulamalar oluşturmanıza olanak tanır. React Native, Facebook, Instagram, Airbnb ve Uber gibi birçok büyük şirket tarafından kullanılmaktadır.

Facebook Button React Native, React Native uygulamalarınıza Facebook oturum açma ve paylaşım işlevselliği eklemenizi sağlayan bir kitaplıktır. Bu kitaplık, Facebook’un resmi React Native SDK’sının bir parçasıdır ve kullanımı ücretsizdir.

Kurulum

Facebook Button React Native’i kurmak için aşağıdaki adımları izleyin:

1. Projenizin kök dizinine gidin.
2. Aşağıdaki komutu çalıştırın:

npm install react-native-fbsdk

1. Projenizin ios/Podfile dosyasına aşağıdaki satırı ekleyin:

pod 'FBSDKCoreKit'

1. Projenizin android/app/build.gradle dosyasına aşağıdaki satırları ekleyin:

implementation 'com.facebook.android:facebook-android-sdk:[5,6)'

1. Projenizi yeniden başlatın.

Kullanım

Facebook Button React Native’i kullanmak için aşağıdaki adımları izleyin:

1. import { LoginButton, ShareDialog } from 'react-native-fbsdk'; satırını projenizin JavaScript dosyasına ekleyin.
2. Aşağıdaki kodu projenizin render() fonksiyonuna ekleyin:

<LoginButton
onLoginFinished={(error, result) => {
if (error) {
console.error(error);
} else if (result.isCancelled) {
console.log('Login cancelled');
} else {
AccessToken.getCurrentAccessToken().then(
(data) => {
console.log(data.accessToken.toString());
}
)
}
}}
onLogoutFinished={() => console.log('User logged out')}/>

Bu kod, uygulamanıza bir Facebook oturum açma düğmesi ekleyecektir. Kullanıcı düğmeye tıkladığında, Facebook oturum açma ekranına yönlendirilecektir. Kullanıcı oturum açtıktan sonra, onLoginFinished() fonksiyonu çağrılacaktır. Bu fonksiyon, kullanıcının erişim belirtecini (access token) döndürecektir.

Aşağıdaki kodu projenizin render() fonksiyonuna ekleyin:

<ShareDialog
onShareComplete={(error, result) => {
if (error) {
console.error(error);
} else if (result.isCancelled) {
console.log('Share cancelled');
} else {
console.log('Share successful');
}
}}>
<ShareContent
content={{
title: 'My Awesome App',
description: 'Check out my awesome app!',
imageUrl: 'https://example.com/image.jpg',
url: 'https://example.com',
}}
/>
</ShareDialog>

Bu kod, uygulamanıza bir Facebook paylaşım düğmesi ekleyecektir. Kullanıcı düğmeye tıkladığında, Facebook paylaşım ekranına yönlendirilecektir. Kullanıcı paylaşımı tamamladıktan sonra, onShareComplete() fonksiyonu çağrılacaktır. Bu fonksiyon, paylaşımın başarılı olup olmadığını döndürecektir.

Üretici Firma

Facebook Button React Native, Facebook tarafından geliştirilmiştir.

Ücretsiz mi?

Evet, Facebook Button React Native ücretsizdir.

Uyumlu İşletim Sistemleri

Facebook Button React Native, iOS ve Android işletim sistemleriyle uyumludur.

Dosya Boyutu

Facebook Button React Native’in dosya boyutu yaklaşık 1 MB’dir.

İndirme Linki

Facebook Button React Native’i aşağıdaki linkten indirebilirsiniz:

https://github.com/facebook/react-native-fbsdk