react-native-fbsdk | React Native wrapper around the Facebook SDKs | iOS library
kandi X-RAY | react-native-fbsdk Summary
kandi X-RAY | react-native-fbsdk Summary
React Native FBSDK is a wrapper around the iOS Facebook SDK and Android Facebook SDK, allowing for Facebook integration in React Native apps. Access to native components, from login to sharing, is provided entirely through documented JavaScript modules so you don't have to call a single native function directly. Functionality is provided through one single npm package so you can use it for both platforms without downloading any extra packages. Follow this guide to use react-native-fbsdk in your React Native app. You can also visit for tutorials and reference documentation.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Show the provided ShareContent using the provided ShareContentMap
- Build share video content
- Build share link content
- Builds a ShareOpen GraphObject from a Map
- Starts the batch
- Builds a GraphRequest from the requestMap
- Extract parameters from the map
- Set parameters in configMap
- Show a game request dialog
- Builds a game request content object
- Initializes the graph
- Convert a set to an array of strings
- Build app invite content
- Show the share dialog
- Build a generic error map from a FacebookRequest error response
- Initialise Fluo
- Creates AppGroupCreationContent
- Logs in with the provided permissions
- Checks if the share content of the specified type is allowed to show
- From interface Future
react-native-fbsdk Key Features
react-native-fbsdk Examples and Code Snippets
Community Discussions
Trending Discussions on react-native-fbsdk
QUESTION
I am trying to apply custom fonts to my react native application. When i run this command
...ANSWER
Answered 2022-Mar-16 at 11:42in my case i delete ios folder in my project and then recreate with following command
QUESTION
It was working fine before I have done nothing, no packages update, no gradle update no nothing just created new build and this error occurs. but for some team members the error occur after gradle sync.
The issue is that build is generating successfully without any error but when opens the app it suddenly gets crash (in both debug and release mode)
Error
...ANSWER
Answered 2022-Feb-25 at 23:22We have fixed the issue by replacing
QUESTION
I have a react-native project. After the bitnary (jcenter) shutted down I started to replace it. Currently I'm using mavenCentral().
Also I'm using the react-native-intercom (wrapper for intercom).
When I'm trying to build gradlew assembleRelease. Its throws me an error.
ANSWER
Answered 2022-Jan-23 at 12:38I solved it. If you are using the react-native-intercom wrapper. You need to update it, after update everything works fine
QUESTION
i have the Invariant Violation: Native module cannot be null error and the 2nd error down below. I found online the issue might have to do with not having an ios folder in a module directory, i looked in each of the folders in the local system and on github with them all containing the ios folder
...ANSWER
Answered 2022-Jan-20 at 05:12Check the library @react-navigation/drawer compatibility with IOS and Android respectively , link it manually sometimes autolinking doesn't work. Ensure you are running correct project , clean build and install pod and check it out.
QUESTION
When I execute npx react-native run-android I have a 502 error that does not allow me to start my project.
I have read these recents topics : "React Native: Android "Received status code 502 from server: Bad Gateway" from JCenter and Bintray being discontinued" et "Could not HEAD maven-metadata.xml. Received status code 502 from server: Bad Gateway".
They mention that the breakdown is repaired. It's confirmed on the official website : Sporadic 502 Bad Gateway, 500 Internal Server Error for maven-metadata.xml resources
Sometimes I read that it can come from my cache. How to check this?
...ANSWER
Answered 2022-Jan-17 at 13:07Try this,
- Go to the android folder.
- Find build.gradle file.
- Change every "jcenter()" into "mavenCentral()".
QUESTION
I'm trying to add Facebook login in my application.
Using react-native-fbsdk-next
Here is my code:
...ANSWER
Answered 2021-Nov-23 at 10:16I had this problem and stuck on it in 1 week. Then I found solution.
Go in your app. Settings -> Advanced. Make sure you have upgrade to latest sdk for both OS.
For it we can follow this link to setup:
Let run and test your app in development mode with test account.
After that, let send your app (APK, IPA) to Facebook team to make your application enable in live mode. If they need to check it on store (Google Play), just release new version with update FBSDK, make sure this version working well in development mode. Waiting your app enable in live mode and it will be done!
Good luck for you!
QUESTION
So I receive this error message while attempting to integrate Facebook login into my app but am overall unclear on how to address it as I can't seem to figure out what's wrong with my MainActivity.java file. I already installed Facebook SDK using "npm install --save react-native-fbsdk-next" and overall seem to have the necessary and correct dependencies.
The code in my MainActivity.Java file:
...ANSWER
Answered 2021-Oct-14 at 16:40I solved the issue. See below for resolution:
- Check your package.json file and make sure you do not have duplicate facebook sdk dependencies. In my case i had "react-native-fbsdk" and "react-native-fbsdk-next" as two separate dependencies which conflicted with each other.
Here are some general troubleshooting steps as well:
Make sure that the package name is identical in your MainActivity.java, MainApplication.java, and AndroidManifest.xml file.
Make sure that the applicatonId in your app/build.gradle file matches the package name specified in the previous bullet point.
QUESTION
Got an alert from the Facebook developers console.
We’ve been monitoring an increase in phishing attempts on Android embedded browsers, also known as WebViews. Because of this, we will no longer support this method of Facebook Login and your users will not be able to log in using Android embedded browsers beginning October 5, 2021. Until then, we will continue to prevent access to Facebook Login on embedded browsers for certain users we deem high-risk in an effort to prevent malicious activity.
To avoid a disrupted user experience, please use the following checklist:
Ensure that you have upgraded to version 8.2.0 (or later) of the Facebook SDK for Android. If your app is built to target Android 11 (API level 30) and your users are on Android 11, alternative non-webview login mechanisms provided by the SDK will not work unless you upgrade to or past 8.2.0.
Ensure that you are NOT setting LoginBehavior=WEB_VIEW_ONLY.
In my react native application, I'm using 'react-native-fbsdk v3.0.0' which is the latest published package.
Using version 3.0.0, I get FACEBOOK_SDK_VERSION = safeExtGet('facebookSdkVersion', '[7.1.0, 9)') in node modules which is lower than 8.2.0 mentioned in the alert message.
So my question is, will this deprecation affect the FB login feature in my application?
...ANSWER
Answered 2021-Sep-22 at 07:18As react-native-fbsdk is archived and will not get updates. It is recommended to switch to this library. Methods remains same so just unlink the old package and remove it , and install the react-native-fbsdk-next.
QUESTION
Push notifications are working on Android but not iOS. I have tested on a device and through Test flight as simulator isn't supported
I have done the additional setup required for iOS.
Below is relevant info in my package.json file
Package.json
...ANSWER
Answered 2021-Aug-27 at 17:16Firebase Messaging on ios needs more configuration,
first, you need to add this import in AppDelegate.m:
#import "RNFBMessagingModule.h"
then after this line: RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions];
add this line: NSDictionary *appProperties = [RNFBMessagingModule addCustomPropsToUserProps:nil withLaunchOptions:launchOptions];
then you need to change the initialProperties in the RCTRootView from nil into appProperties so it will be like this:
RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge moduleName:@"RETUЯИ" initialProperties:appProperties]; <-- changed from nil into appProperties
After all, we need to add an APNs Authentication Key file in the firebase console.
go to project setting, then scroll down to see your ios app, you will see APNs Authentication Key title, you need to upload an authKey.p8 file or you can use the other two fields with the title APNs Certificates
the authKey.p8 file needs to be generated from app store connect
- Select Users and Access, and then select the API Keys tab.
- Click Generate API Key or the Add (+) button.
- Give a name to your key, tick the "Apple Push Notifications Service" box, and download
- Upload the .p8 file to the firebase console
of course, don't miss to add the GoogleService-info.plist file to your example.xcworkspace, you can see how to do that in rnfirebase.io
also, you need your Team id, and you can get it from the app store connect profile and you will see the key id after generateing it.
hope this will help you 🙏,
Regards
QUESTION
I'm attempting to make my FBSDK support multiple applications so I set my CFBundleURLSchemes to be fb{APP_ID}{suffix}.
Now when I type fb{APP_ID}{suffix}:// into Safari the correct app is attempted to be opened, however when I attempt to perform a Facebook log in from within the app I'm getting the following error: Exception 'fb{APP_ID} is not registered as a URL scheme. Please add it in you Info.plist' was thrown while invoking logInWithPermissions...
Notice that react-native-fbsdk is attempting to open the app with the URL scheme without the provided suffix.
Any sort of help would be appreciated, thanks!
...ANSWER
Answered 2021-Aug-29 at 07:38The issue was that I used the urlScheme without the suffix. The fix for this is:
CFBundleURLSchemes should be fb{APP_ID}{suffix} and FacebookUrlSchemeSuffix in Info.plist should be suffix
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install react-native-fbsdk
You can use react-native-fbsdk like any standard Java library. Please include the the jar files in your classpath. You can also use any IDE and you can run and debug the react-native-fbsdk component as you would do with any other Java program. Best practice is to use a build tool that supports dependency management such as Maven or Gradle. For Maven installation, please refer maven.apache.org. For Gradle installation, please refer gradle.org .
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page
