问题描述
我正在使用FBSDK设置一个React Native项目用于登录。
这是我到目前为止所做的:
- 我跑
npm install react-native-fbsdk --save
- 我跑了
react-native link
- 我按照那里提到的每一步:
编辑:在我的项目上:
const FBSDK = require('react-native-fbsdk');
const {
LoginManager,
} = FBSDK;
加:
_onFBButtonPress(){
LoginManager.logInWithReadPermissions(['public_profile'])。then(
function(result){
if(result.isCancelled){
alert('Login canceled');
} else {
alert('登录成功与权限:'
+ result.grantedPermissions.toString());
}
},
函数(错误){
alert('登录失败,错误:'+错误);
}
);
}
并且:
< Button onPress = {()=> this._onFBButtonPress()} buttonStyle = {'buttonFb'} labelStyle = {'buttonFbText'} label = {I18n.t('Login.btnConnectFB')}>< / Button>
我错过了什么?
解决方案我刚刚解决了同样的错误。
出于某种原因
react-native link react-native-fbsdk
已经为Android完成但不是ios。
rnpm -install info Android模块react-native-fbsdk已链接
rnpm-install info链接react-native-fbsdk ios依赖
rnpm-install info iOS模块react-native-fbsdk已成功链接
尝试重新运行并确保链接
libRCTFBSDK.aI'm setting up a React Native project using the FBSDK for login purpose.
Here's what I've done so far:
- I ran
npm install react-native-fbsdk --save
- I ran
react-native link
- I followed each step mentioned there: https://developers.facebook.com/docs/facebook-login/ios/
- I double checked using this video: https://www.youtube.com/watch?v=rAXVKapP5cM
However, I still get this red screen error:
Cannot read property logInWithReadPermissions of undefined
at FBLoginManager.js, line 77 (https://github.com/facebook/react-native-fbsdk/blob/master/js/FBLoginManager.js)Here's my AppDelegate.m content:
#import "AppDelegate.h" #import <FBSDKCoreKit/FBSDKCoreKit.h> #import <React/RCTBundleURLProvider.h> #import <React/RCTRootView.h> @implementation AppDelegate - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { NSURL *jsCodeLocation; jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil]; RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName:@"PegaseBuzzApp" initialProperties:nil launchOptions:launchOptions]; rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1]; [[FBSDKApplicationDelegate sharedInstance] application:application didFinishLaunchingWithOptions:launchOptions]; self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; UIViewController *rootViewController = [UIViewController new]; rootViewController.view = rootView; self.window.rootViewController = rootViewController; [self.window makeKeyAndVisible]; return YES; } - (void)applicationDidBecomeActive:(UIApplication *)application { [FBSDKAppEvents activateApp]; } - (BOOL)application:(UIApplication *)application openURL:(NSURL *)url sourceApplication:(NSString *)sourceApplication annotation:(id)annotation { return [[FBSDKApplicationDelegate sharedInstance] application:application openURL:url sourceApplication:sourceApplication annotation:annotation]; } @end
Here's my linked frameworks and binaries:
EDIT: on my project:
const FBSDK = require('react-native-fbsdk'); const { LoginManager, } = FBSDK;
Plus:
_onFBButtonPress () { LoginManager.logInWithReadPermissions(['public_profile']).then( function(result) { if (result.isCancelled) { alert('Login cancelled'); } else { alert('Login success with permissions: ' +result.grantedPermissions.toString()); } }, function(error) { alert('Login fail with error: ' + error); } ); }
And:
<Button onPress={() => this._onFBButtonPress()} buttonStyle={'buttonFb'} labelStyle={'buttonFbText'} label={I18n.t('Login.btnConnectFB')}></Button>
What do I miss?
解决方案I just resolved the same error.For some reason "react-native link react-native-fbsdk"had finished for Android but not ios.
rnpm-install info Android module react-native-fbsdk is already linked rnpm-install info Linking react-native-fbsdk ios dependency rnpm-install info iOS module react-native-fbsdk has been successfully linked
Try rerunning and make sure you are linking with libRCTFBSDK.a
这篇关于FBSDK:无法读取未定义的属性loginwithreadpermissions的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!
- I ran