Home

Awesome

react-native-youtube-oauth

react-native interface to login to youtube (iOS)

Demo

http://i.imgur.com/PmF7V9d.gif

Getting started

  1. npm install react-native-youtube-oauth@latest --save
  2. In XCode, in the project navigator, right click LibrariesAdd Files to [your project's name]
  3. Go to node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj ➜ and add RCTLinking.xcodeproj
  4. In XCode, in the project navigator, select your project. Add libRCTLinking.a to your project's Build PhasesLink Binary With Libraries
  5. Click RCTLinking.xcodeproj in the project navigator and go the Build Settings tab. Make sure 'All' is toggled on (instead of 'Basic'). Look for Header Search Paths and make sure it contains both $(SRCROOT)/../../react-native/React and $(SRCROOT)/../../../React - mark both as recursive.
  6. Run your project (Cmd+R)
  7. Register a new client on youtube itself => https://console.developers.google.com/apis/credentials/oauthclient?project= Alt Text
  8. https://github.com/luisfcofv/react-native-deep-linking#for-ios

Usage

import RNYoutubeOAuth from 'react-native-youtube-oauth';

const youtubeConfig = {
 client_id: '<YOUR CLIENT ID>',
 redirect_url: '<YOUR REDIRECT URL>'
};

RNYoutubeOAuth({
        // app routing scheme. to be used for redirecting.
        scheme: 'app://',
        client_id: youtubeConfig.client_id,
        redirect_uri: youtubeConfig.redirect_uri,
        state: '0123456789',
      },
      code => {
       
      });