Skip to content

Commit 06da9cc

Browse files
committed
point image doc to github content serving
1 parent f6d9b2c commit 06da9cc

File tree

1 file changed

+17
-17
lines changed

1 file changed

+17
-17
lines changed

README.md

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
This is a helper module which brings react native as an engine to drive share extension for your app.
44

55
<p align="center">
6-
<img src ="assets/ios-demo.gif" />
7-
<img src ="assets/android-demo.gif" />
6+
<img src ="https://raw.githubusercontent.com/alinz/react-native-share-extension/master/assets/ios-demo.gif" />
7+
<img src ="https://raw.githubusercontent.com/alinz/react-native-share-extension/master/assets/android-demo.gif" />
88
</p>
99

1010
# Installation
@@ -25,89 +25,89 @@ the setup requires a little bit more work. I will try to describe as detail as p
2525
- click on `+` sign
2626

2727
<p align="center">
28-
<img src ="assets/ios_step_01.png" />
28+
<img src ="https://raw.githubusercontent.com/alinz/react-native-share-extension/master/assets/ios_step_01.png" />
2929
</p>
3030

3131
- select `Share Extension` under `iOS > Application Extension`
3232

3333
<p align="center">
34-
<img src ="assets/ios_step_02.png" />
34+
<img src ="https://raw.githubusercontent.com/alinz/react-native-share-extension/master/assets/ios_step_02.png" />
3535
</p>
3636

3737
- select a name for your new share extension, in my case I chose `MyShareEx`
3838

3939
<p align="center">
40-
<img src ="assets/ios_step_03.png" />
40+
<img src ="https://raw.githubusercontent.com/alinz/react-native-share-extension/master/assets/ios_step_03.png" />
4141
</p>
4242

4343
- delete both `ShareViewController.h` and `ShareViewController.m`. make sure to click on `Move to Trash` button during deletion.
4444

4545
<p align="center">
46-
<img src ="assets/ios_step_04.png" />
46+
<img src ="https://raw.githubusercontent.com/alinz/react-native-share-extension/master/assets/ios_step_04.png" />
4747
</p>
4848

4949
- create new file under your share extension group. in my case it was `MyShareEx`
5050

5151
<p align="center">
52-
<img src ="assets/ios_step_05.png" />
52+
<img src ="https://raw.githubusercontent.com/alinz/react-native-share-extension/master/assets/ios_step_05.png" />
5353
</p>
5454

5555
- make sure the type of that object is `Objective-c File` and name it `MyShareEx.m`
5656

5757
<p align="center">
58-
<img src ="assets/ios_step_06.png" />
58+
<img src ="https://raw.githubusercontent.com/alinz/react-native-share-extension/master/assets/ios_step_06.png" />
5959
</p>
6060

6161
<p align="center">
62-
<img src ="assets/ios_step_07.png" />
62+
<img src ="https://raw.githubusercontent.com/alinz/react-native-share-extension/master/assets/ios_step_07.png" />
6363
</p>
6464

6565
- since we deleted `ShareViewController.m`, we need to tell the storyboard of your share extension where the view needs to be loaded. So click on `MainInterface.storyboard` and replace the class field from `ShareViewController` to `MyShareEx`
6666

6767
<p align="center">
68-
<img src ="assets/ios_step_08.png" />
68+
<img src ="https://raw.githubusercontent.com/alinz/react-native-share-extension/master/assets/ios_step_08.png" />
6969
</p>
7070

7171
- now it's time to add our library. Right click on `Libraries` group and select `Add Files to "Sample1"...`
7272

7373
<p align="center">
74-
<img src ="assets/ios_step_09.png" />
74+
<img src ="https://raw.githubusercontent.com/alinz/react-native-share-extension/master/assets/ios_step_09.png" />
7575
</p>
7676

7777
- select `node_modules` > `react-native-share-extension` > `ios` > `ReactNativeShareExtension.xcodeproj`
7878

7979
<p align="center">
80-
<img src ="assets/ios_step_10.png" />
80+
<img src ="https://raw.githubusercontent.com/alinz/react-native-share-extension/master/assets/ios_step_10.png" />
8181
</p>
8282

8383
- now we need to tell the share extension that we want to read new header files. click on project name, in my case `Sample1` then click on `MyShareEx`. After that click on Build Settings and search for `Header Search Paths`
8484

8585
<p align="center">
86-
<img src ="assets/ios_step_11.png" />
86+
<img src ="https://raw.githubusercontent.com/alinz/react-native-share-extension/master/assets/ios_step_11.png" />
8787
</p>
8888

8989
- add the new path `$(SRCROOT)/../node_modules/react-native-share-extension/ios` with `recursive` selected.
9090

9191
<p align="center">
92-
<img src ="assets/ios_step_12.png" />
92+
<img src ="https://raw.githubusercontent.com/alinz/react-native-share-extension/master/assets/ios_step_12.png" />
9393
</p>
9494

9595
- we need to add some flags as well, so search for `Other Linker Flags` and add `-Objc` and `lc++`
9696

9797
<p align="center">
98-
<img src ="assets/ios_step_13.png" />
98+
<img src ="https://raw.githubusercontent.com/alinz/react-native-share-extension/master/assets/ios_step_13.png" />
9999
</p>
100100

101101
- we also need to add all the static libraries such as react and Share Extension. so select `General` tab and under `Linked frameworks and Libraries` click on `+` and add all of the selected static binaries there.
102102

103103
<p align="center">
104-
<img src ="assets/ios_step_14.png" />
104+
<img src ="https://raw.githubusercontent.com/alinz/react-native-share-extension/master/assets/ios_step_14.png" />
105105
</p>
106106

107107
- we need to modify `MyShareEx/Info.plist` to make sure that our share extension can connect to ineternet. This is useful if you need your share extension connects to your api server or react-native remote server dev. For doing that we need to `App Transport Security Settings` to `Info.plist`
108108

109109
<p align="center">
110-
<img src ="assets/ios_step_15.png" />
110+
<img src ="https://raw.githubusercontent.com/alinz/react-native-share-extension/master/assets/ios_step_15.png" />
111111
</p>
112112

113113
- now go back to `MyShareEx.m` and paste the following code there.

0 commit comments

Comments
 (0)