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: