From 95060d7bbf8a3cae838e90bd2ff3a3a7123ebec7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Mari=C3=B1o=20Ruiz?= <1237997+CHaNGeTe@users.noreply.github.com> Date: Tue, 23 Jul 2019 11:29:50 +0200 Subject: [PATCH] Update README.md Make installation parts easier to link --- README.md | 37 +++++++++++++++++++++---------------- 1 file changed, 21 insertions(+), 16 deletions(-) diff --git a/README.md b/README.md index 87b7914a..b9b08015 100644 --- a/README.md +++ b/README.md @@ -42,14 +42,15 @@ yarn add react-native-video Then follow the instructions for your platform to link react-native-video into your project: +### iOS
- iOS + iOS details -### Standard Method +#### Standard Method Run `react-native link react-native-video` to link the react-native-video library. -### Using CocoaPods (required to enable caching) +#### Using CocoaPods (required to enable caching) Setup your Podfile like it is described in the [react-native documentation](https://facebook.github.io/react-native/docs/integration-with-existing-apps#configuring-cocoapods-dependencies). @@ -73,8 +74,9 @@ end
-
- tvOS +### tvOS +
+ tvOS Detiails `react-native link react-native-video` doesn’t work properly with the tvOS target so we need to add the library manually. @@ -95,14 +97,15 @@ Select RCTVideo-tvOS
+### Android
- Android + Android details Run `react-native link react-native-video` to link the react-native-video library. Or if you have trouble, make the following additions to the given files manually: -**android/settings.gradle** +#### **android/settings.gradle** The newer ExoPlayer library will work for most people. @@ -119,7 +122,7 @@ project(':react-native-video').projectDir = new File(rootProject.projectDir, '.. ``` -**android/app/build.gradle** +#### **android/app/build.gradle** ```gradle dependencies { @@ -130,7 +133,7 @@ dependencies { } ``` -**android/gradle.properties** +#### **android/gradle.properties** Migrating to AndroidX: @@ -139,7 +142,7 @@ android.useAndroidX=true android.enableJetifier=true ``` -**MainApplication.java** +#### **MainApplication.java** On top, where imports are: @@ -160,12 +163,13 @@ protected List getPackages() { ```
+### Windows
- Windows + Windows details Make the following additions to the given files manually: -**windows/myapp.sln** +#### **windows/myapp.sln** Add the `ReactNativeVideo` project to your solution. @@ -174,7 +178,7 @@ Add the `ReactNativeVideo` project to your solution. * UWP: Select `node_modules\react-native-video\windows\ReactNativeVideo\ReactNativeVideo.csproj` * WPF: Select `node_modules\react-native-video\windows\ReactNativeVideo.Net46\ReactNativeVideo.Net46.csproj` -**windows/myapp/myapp.csproj** +#### **windows/myapp/myapp.csproj** Add a reference to `ReactNativeVideo` to your main application project. From Visual Studio 2015: @@ -182,7 +186,7 @@ Add a reference to `ReactNativeVideo` to your main application project. From Vis * UWP: Check `ReactNativeVideo` from Solution Projects. * WPF: Check `ReactNativeVideo.Net46` from Solution Projects. -**MainPage.cs** +#### **MainPage.cs** Add the `ReactVideoPackage` class to your list of exported packages. ```cs @@ -209,12 +213,13 @@ using System.Collections.Generic; ```
+### react-native-dom
- react-native-dom + react-native-dom details Make the following additions to the given files manually: -**dom/bootstrap.js** +#### **dom/bootstrap.js** Import RCTVideoManager and add it to the list of nativeModules: