适用于 Android 和 iOS 的 react-native 登录 Twitter

Question

有没有人在 Android 和 iOS 的 React Native 应用程序中集成了 twitter 登录。任何帮助都受到高度赞赏。

Answer 1

我认为这对初学者有用，

1. 转到 > https://apps.twitter.com/站点
2. 创建新应用

3. 填写以下内容

   -> 应用名称

   -> 描述

   -> 网站（任何类似 > http://www.sometext.com）

   -> 回调 URL（twittersdk://）

   -> 同意开发协议

   -> 创建您的推特应用程序

4. 授予访问电子邮件 ID 的权限 所以，打开创建的应用程序

   -> 转到设置选项卡并在隐私政策网址和服务条款网址中填写一些网址

   -> 点击更新设置

   -> 转到权限选项卡

   -> 在附加权限下单击从用户请求电子邮件地址

   -> 点击更新设置

5. 在密钥和访问令牌选项卡下

   -> 获取消费者密钥和秘密

6. 移动到您的项目文件夹并给出命令为“npm install react-native-twitter-signin --save”

7. 对于 android 设置，将命令作为“react-native link react-native-twitter-signin”

8. 移动到 'urprojectfolder\node_modules\react-native-twitter-signin\android\src\main\java\com\goldenowl\twittersignin\TwitterSigninPackage.java' 并在前面评论@Override

   @Override
   public List<Class<? extends JavaScriptModule>> createJSModules() {
   return Collections.emptyList();
   }
   

9. 提供命令 react-native link 以将 react-native-vector-icons 链接到您的项目。

10. 转到“ https://github.com/GoldenOwlAsia/react-native-twitter-signin ”

    - >下载这个应用程序

    -> 移动到示例文件夹

    -> 获取 TwitterButton.js 文件并将其粘贴到您的应用程序

    -> 在你想要的地方导入 TwitterButton.js 并使用它

11. 当您按下应用程序中的 LoginWithTwitter 按钮时，它会要求输入 Twitter 帐户的用户名和密码并授予授权应用程序权限。

12. 你的 TwitterButton.js 中的 _twitterSignIn 方法将访问和打印你的 Twitter 帐户的电子邮件、用户名、用户 ID、名称、authTokenSecret

13. 最后登录后，它将显示注销按钮。（方法 handleLogout 将处理注销功能）。