javascript - React-native Facebook sdk 登录按钮不工作

标签 javascript react-native

我正在尝试使用 react-native-fbsdk 登录。我按照 React Native FBSDK 中的步骤操作.运行 xcode 时我没有收到任何错误。

当我运行 react-native run-ios 时没有错误,我什至可以看到 facebook Login Button 但是当我点击按钮时,它没有带我到 Facebook 登录页面。什么都没发生。下面是我的代码:

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View} from 'react-native';
import { LoginButton, AccessToken } from 'react-native-fbsdk';

export default class App extends Component<Props> {

  loginFacebook(){
  LoginManager.logInWithReadPermissions(["public_profile"]).then(
    function(result) {
      if (result.isCancelled) {
        console.log("Login cancelled");
      } else {
        console.log(
          "Login success with permissions: " +
            result.grantedPermissions.toString()
        );
      }
    },
    function(error) {
      console.log("Login fail with error: " + error);
    }
  );
  }

  render() {
    return (
      <View style={styles.container}>
      <LoginButton
          onLoginFinished={
            (error, result) => {
              if (error) {
                console.log("login has error: " + result.error);
              } else if (result.isCancelled) {
                console.log("login is cancelled.");
              } else {
                AccessToken.getCurrentAccessToken().then(
                  (data) => {
                    console.log(data.accessToken.toString())
                  }
                )
              }
            }
          }
          onLogoutFinished={() => console.log("logout.")}/>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
});

知道发生了什么吗?

最佳答案

我想通了。我不知道我浪费了多少时间来解决这个问题!

事实证明这是 FacebookSDKs-iOS-4.39.0 的错误,我不得不将其降级到 FacebookSDKs-iOS-4.38.0

From this website我下载了旧版本并且有效!

关于javascript - React-native Facebook sdk 登录按钮不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53828417/

相关文章:

reactjs - 开 Jest 如何用全局变量覆盖所有分支

javascript - 如何在 typescript 项目中导入js文件?

打开应用内开发者菜单时,react-native-debugger 断开连接并显示错误

javascript - Highcharts 饼图在空时显示轮廓

javascript - 如何在不变形的情况下将 Canvas 传递给pdf

javascript - 对嵌套 JSON 数组进行排序

javascript - React Native fetch api 在转换为 json 之前检查 http 状态

javascript - 在 jQuery 中无限改变 z-index

javascript - 异步请求附加到 Angular 中的字符串

android - React Native 3 按钮和 3 模态