将 fbsdk 正确集成到 react-native

Posted 2023-03-15

【中文标题】将 fbsdk 正确集成到 react-native

【英文标题】：Integrate fbsdk in react-native correctly

【发布时间】：2017-01-07 18:10:56

【问题描述】：

这两天我一直在尝试将 react-native-fbsdk 合并到我的 react-native 项目中；但没有运气。 浏览并遵循互联网上的大部分教程（包括 Facebook 提供的教程：https://developers.facebook.com/quickstarts/），但似乎没有任何效果。 我得到的最好的是一个带有红色边框的矩形（应该是“使用 Facebook 登录”）

我刚刚在 2 天前开始工作，所以我所做的一切都是最新的。 我还安装了 'rnpm' 用于将模块链接到本机应用程序。

这是 package.json：

    
      "name": "bas",
      "version": "0.0.1",
      "private": true,
      "scripts": 
        "start": "node node_modules/react-native/local-cli/cli.js start",
        "test": "jest"
      ,
      "dependencies": 
        "react": "~15.4.0-rc.4",
        "react-native": "0.40.0",
        "react-native-fbsdk": "^0.4.0"
      ,
      "devDependencies": 
        "babel-jest": "18.0.0",
        "babel-preset-react-native": "1.9.1",
        "jest": "18.1.0",
        "react-test-renderer": "~15.4.0-rc.4"
      ,
      "jest": 
        "preset": "react-native"
      
    

对不起，如果我在任何地方看起来很愚蠢；刚刚开始移动应用程序开发；我来自网络开发背景。

提前致谢！

【问题讨论】：

有什么办法可以显示一些代码？

代码与“starter / sample code”提供的代码相同；所以那里没有问题。

试试这个developers.facebook.com/docs/react-native

已经试过了..

我遇到了和你一样的exact问题。它似乎与使用 react-native v0.40.0 和 react-native-fbsdk v0.4.0 有关。这令人沮丧 - 但在使用 "react-native": "0.36.1",

时它似乎确实有效

【参考方案1】：

我不能把这个答案归功于这个答案 - 但经过一番挖掘，似乎这个问题是在 react-native v0.40.0 中引入的。不幸的是，许多库尚未更新以适应这些变化。

幸运的是，react-native-fbsdk 确实支持它，但遗憾的是它还没有正式发布。

您可以直接从 github 使用最新版本（带有修复程序）。 请按照此处的步骤操作：https://github.com/facebook/react-native-fbsdk/pull/322#issuecomment-271457311

这对我有用！祝你好运。