ReactNative+Twitterログインについて

Question

やりたいこと

ReactNativeで作成するiOSアプリにTwitterログインを導入したい。

問題が発生した状況

以下のライブラリに沿って、導入を進めました。
リンク内容
https://github.com/GoldenOwlAsia/react-native-twitter-signin

そこで、ちゃんと機能するかログを出して確認したところ、以下のようになりました。
RNTwitterSignIn　が定義されていませんでした。

実装したコード

const {RNTwitterSignIn} = NativeModules;
const TwitterKeys = {
  TWITTER_CONSUMER_KEY: 'TWITTER_CONSUMER_KEY',
  TWITTER_CONSUMER_SECRET: 'TWITTER_CONSUMER_SECRET',
};

_socialSignIn = async providerId => {
    try {
      const credential = await getCredential(providerId);
      await auth()
        .signInWithCredential(credential)
        .then(res => {
          let userData = {
            uid: res.user.uid,
            displayName: res.user.displayName,
            email: res.user.providerData[0].email,
            photoURL: res.user.photoURL,
            // userID: res.additionalUserInfo.username,
            created_at: Date.now(),
            updated_at: Date.now(),
          };
          if (res.additionalUserInfo.isNewUser) {
            return firestore()
              .collection('users')
              .doc(res.user.uid)
              .set(userData);
          }

          this.props.globalState.setUserData(userData);
        })
        .then(() => {
          console.log('success');
        })
        .catch(err => {
          console.log(err);
        });

      this.props.navigation.navigate('App');
    } catch (e) {
      if (e.code === 'auth/account-exists-with-different-credential') {
        Alert.alert(
          'ログインエラー',
          '他のログイン方法で\nアカウント登録されています',
          [{text: 'OK', onPress: () => console.log('OK Pressed')}],
        );
      }
      console.log(e.message);
    }
  };
}

info.plist（consumerkey等はしっかり入力してあります。）

<key>CFBundleURLTypes</key>
<array>
  <dict>
    <key>CFBundleURLSchemes</key>
    <array>
      <string>twitterkit-<consumerKey></string>
    </array>
  </dict>
</array>
<key>LSApplicationQueriesSchemes</key>
<array>
    <string>twitter</string>
    <string>twitterauth</string>
</array>

package.json

 "react-native-twitter-signin": "^1.1.1"

podfile

 pod 'TwitterKit', '~> 3.3.0'

以上の情報から、何かおかしい点や気になる点があったら教えていただきたいです。

Answer 1

JavaScriptはファイル全体をいただくことは可能でしょうか？

import { NativeModules } from 'react-native'
const { RNTwitterSignIn } = NativeModules

見えている範囲だと上記が足りないかと思いました。

Comments

[_taizo]

コメントありがとうございます。
上記のコードは記述済みで、その上で問題が発生しました。

実際のコードを修正しました。ご確認お願いします。

[kmtr]

ありがとうございます。
自分は自社アプリの方で利用しているのですが、react-native-twitter-signinは最近更新されていないので、
GoldenOwlAsia/react-native-twitter-signin#c93bd1を直接npm installして使っていました。こちらも試してみてください。

[kmtr]

また、pod installを実行した際には、react-native-twitter-signinは自動で含まれていますでしょうか？