如何手动链接react-native-youtube库？解决RCTYouTube组件不存在错误

首先得给你划个重点：你用create-react-native-app创建的是Expo管理的项目，这类项目默认不支持手动链接原生第三方库，而且项目根目录一开始没有iOS/Android原生文件夹——这也是你用Xcode打不开项目的核心原因！下面给你两种解决方案，选一个适合你的：

方案一：Eject到裸React Native项目（适合必须用react-native-youtube的场景） #

如果一定要用这个库，就得把项目从Expo管理模式切换到裸React Native模式，生成原生目录后才能手动链接：

• 打开终端，进入你的项目根目录：cd testyoutube
• 执行eject命令（根据你用的包管理器二选一）：

  npm run eject
  # 或者用yarn
  yarn eject
  

• 执行过程中会提示选择工作流，选React Native: Bare workflow，然后跟着提示输入项目名称和组织标识符（比如com.yourname.testyoutube就行）
• 完成后，项目根目录会多出ios和android文件夹，这时打开ios文件夹里的testyoutube.xcworkspace文件（别选.xcodeproj），Xcode就能正常识别项目了
• 接下来执行手动链接命令：

  react-native link react-native-youtube
  

• 最后按照react-native-youtube的文档，在Xcode里配置iOS端权限（比如在Info.plist里添加YouTube相关的URL schemes和权限描述），还要进入ios文件夹执行pod install安装CocoaPods依赖

方案二：换用Expo官方支持的YouTube组件（更简单，不用碰原生代码） #

如果你不想折腾原生配置，推荐用Expo官方维护的expo-youtube-player，它不需要手动链接，直接就能在你的Expo项目里用：

• 安装依赖：

  expo install expo-youtube-player
  

• 简单使用示例：

  import React from 'react';
  import { View, StyleSheet } from 'react-native';
  import { YouTubePlayer } from 'expo-youtube-player';
  
  export default function App() {
    return (
      <View style={styles.container}>
        <YouTubePlayer
          videoId="你的YouTube视频ID"
          play={false}
          fullscreen={false}
          volume={0.5}
        />
      </View>
    );
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
    },
  });
  

小提醒 #

Eject之后的项目需要你自己维护原生代码，如果你对Xcode不熟悉，方案二会省心很多～

内容的提问来源于stack exchange，提问作者Morton