|
@@ -5,7 +5,7 @@
|
5
|
5
|
* Android 5.0+ x86 arm64 armv7a
|
6
|
6
|
|
7
|
7
|
#### 1. open up your terminal and write this :
|
8
|
|
-When it comes to the version nr you can put any version you like as long as it it compatibility
|
|
8
|
+When it comes to the version new release you can put any version you like as long as it is compatibility
|
9
|
9
|
```sh
|
10
|
10
|
$ react-native init agoraguide --version react-native@0.58
|
11
|
11
|
```
|
|
@@ -30,17 +30,17 @@ $ yarn add react-native-agora
|
30
|
30
|
```
|
31
|
31
|
|
32
|
32
|
|
33
|
|
-#### 5. cd into your ios folder
|
|
33
|
+#### 4. cd into your ios folder
|
34
|
34
|
```sh
|
35
|
35
|
$ cd ios
|
36
|
36
|
```
|
37
|
37
|
|
38
|
|
-#### 6. we need to initialize pod
|
39
|
|
-if you don't have cocopods installed run this command in your terminal
|
|
38
|
+#### 5. we need to initialize pod
|
|
39
|
+if you don't have CocoaPods installed run this command in your terminal
|
40
|
40
|
```sh
|
41
|
|
-$ gem install Cocoapods
|
|
41
|
+$ gem install cocoapods
|
42
|
42
|
```
|
43
|
|
-after you have installed Cocopods run this command inside of your ios folder
|
|
43
|
+after you have installed CocoaPods run this command inside of your ios folder
|
44
|
44
|
```sh
|
45
|
45
|
$ pod init
|
46
|
46
|
```
|
|
@@ -48,17 +48,17 @@ and then we need to install the pods
|
48
|
48
|
```sh
|
49
|
49
|
$ pod install
|
50
|
50
|
```
|
51
|
|
-if you get a error from Cocopods saying something like this :
|
52
|
|
-
|
53
|
|
-then you need to open up your "Podfile" and remove the part that is blue marked in the picture below
|
|
51
|
+if you get a error from CocoaPods saying something like this :
|
|
52
|
+
|
|
53
|
+then you need to open up your `Podfile` and remove the part that is blue marked in the picture below
|
54
|
54
|
|
55
|
55
|
#### *before*
|
56
|
|
-
|
|
56
|
+
|
57
|
57
|
|
58
|
58
|
#### *after*
|
59
|
|
-
|
|
59
|
+
|
60
|
60
|
|
61
|
|
-we need to add this code at the bottom to our pod file
|
|
61
|
+we need to add this code at the bottom to our `Podfile`
|
62
|
62
|
```sh
|
63
|
63
|
post_install do |installer|
|
64
|
64
|
installer.pods_project.targets.each do |target|
|
|
@@ -79,51 +79,51 @@ post_install do |installer|
|
79
|
79
|
end
|
80
|
80
|
```
|
81
|
81
|
This is how your podfile should look like
|
82
|
|
-
|
|
82
|
+
|
83
|
83
|
after that you can run this command again
|
84
|
84
|
```sh
|
85
|
85
|
$ pod install
|
86
|
86
|
```
|
87
|
87
|
|
88
|
|
-#### 7. Open up your xcode project *[project name].xcworkspace* inside in ios folder
|
89
|
|
-
|
|
88
|
+#### 6. Open up your Xcode project *[project name].xcworkspace* inside in ios folder
|
|
89
|
+
|
90
|
90
|
|
91
|
|
-#### 8. expand your project folder and right click on the *"Libraries"* folder and choose *"add files to [project name]"*
|
92
|
|
-
|
|
91
|
+#### 7. expand your project folder and right click on the *"Libraries"* folder and choose *"add files to [project name]"*
|
|
92
|
+
|
93
|
93
|
|
94
|
|
-#### 9. follow the image below to find the RCTAgora lib
|
|
94
|
+#### 8. follow the image below to find the RCTAgora lib
|
95
|
95
|
|
96
|
|
-
|
|
96
|
+
|
97
|
97
|
the path is node_modules => react-native-agora => ios => RCTAgora.xcodeproj
|
98
|
98
|
|
99
|
99
|
make sure you check so that those are checked
|
100
|
100
|
|
101
|
|
-
|
|
101
|
+
|
102
|
102
|
|
103
|
103
|
If the file is greyed out it means you already have it inside of you library folder.
|
104
|
104
|
Check so that RCTAgora.xcodeproj are inside of your "Libraries" folder
|
105
|
|
-
|
|
105
|
+
|
106
|
106
|
|
107
|
|
-#### 10. we need to add the framework
|
|
107
|
+#### 9. we need to add the framework
|
108
|
108
|
expand your "Frameworks" folder and you should see the "AgoraRtcEngineKit.framework" are red.
|
109
|
|
-
|
|
109
|
+
|
110
|
110
|
right click and delete that
|
111
|
|
-Left click on your "RCTAgora.xcodeproj" and clöick on "Build Phases"
|
112
|
|
-
|
|
111
|
+Left click on your "RCTAgora.xcodeproj" and click on "Build Phases"
|
|
112
|
+
|
113
|
113
|
left click on the "AgoraRtcEngineKit.framework" in the list and click on the "-"(minus sign) to remove it from the list.
|
114
|
|
-
|
|
114
|
+
|
115
|
115
|
then click on the "+"(plus sign) so that we can add the framework.
|
116
|
116
|
Click on the "Add other..." button
|
117
|
|
-
|
|
117
|
+
|
118
|
118
|
then we need to navigate and find our framwork
|
119
|
|
-
|
|
119
|
+
|
120
|
120
|
the path is : ios => Pods => AgoraRtcEngine_iOS => AgoraRtcEngineKit.framework and click on "add"
|
121
|
121
|
|
122
|
|
-#### 11. at last we need to link the library
|
123
|
|
-click on your project on the left and then click on "Build Phases" and then expand "Link Binary With Libraries" and then click on the "+"(plug sign)
|
124
|
|
-
|
|
122
|
+#### 10. at last we need to link the library
|
|
123
|
+click on your project on the left and then click on "Build Phases" and then expand "Link Binary With Libraries" and then click on the "+"(plus sign)
|
|
124
|
+
|
125
|
125
|
Search for libRCTAGora and click on add
|
126
|
|
-
|
|
126
|
+
|
127
|
127
|
if you cant find it in your list check so that you dont already have it
|
128
|
128
|
|
129
|
129
|
----------------------------------------------
|