Skip to content

Commit ce7a78f

Browse files
author
waqas
committed
Updated readme file for installation instructions.
1 parent 5da7b33 commit ce7a78f

File tree

1 file changed

+49
-2
lines changed

1 file changed

+49
-2
lines changed

README.md

Lines changed: 49 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,53 @@ Text input mask for React Native on iOS and Android.
1717

1818
```bash
1919
npm install --save react-native-text-input-mask
20+
# --- or ---
21+
yarn add react-native-permissions
22+
```
23+
24+
#Installation
25+
26+
<details>
27+
<summary><h4>For RN >= 0.60</h4></summary>
28+
29+
#### iOS
30+
31+
1. In XCode, in the project navigator, right click your `[your project's name]` folder, choose ➜ `Add Files to [your project's name]`
32+
33+
![Create Swift File](https://i.imgur.com/00K5UZ1.png)
34+
35+
2. Select `Swift File``Next`
36+
37+
![Create Swift File](https://i.imgur.com/Mdc9MLk.png)
38+
39+
3. Specify name for example `Dummy.swift``Create`
40+
41+
![Create Swift File](https://i.imgur.com/2HSk7Jp.png)
42+
43+
4. Now a pop up is shown select `Create Bridging Header`
44+
45+
![Create Swift File](https://i.imgur.com/f2zA0n9.png)
46+
47+
5. Add following line to your `Podfile`
48+
```
49+
pod 'RNInputMask', :path => '../node_modules/react-native-text-input-mask/ios/InputMask'
50+
```
51+
6. Run following command
52+
```bash
53+
cd ios && pod install
54+
```
55+
56+
#### Android
57+
58+
No need to do anything.
59+
60+
</details>
61+
62+
<details>
63+
<summary><h4>For RN < 0.60</h4></summary>
64+
65+
### Auto Linking
66+
```bash
2067
react-native link react-native-text-input-mask
2168
```
2269

@@ -26,13 +73,12 @@ react-native link react-native-text-input-mask
2673

2774
### Manual installation
2875

29-
3076
#### iOS
3177

3278
1. In XCode, in the project navigator, right click `Libraries``Add Files to [your project's name]`
3379
2. Go to `node_modules``react-native-text-input-mask` and add `RNTextInputMask.xcodeproj`
3480
3. In XCode, in the project navigator, select your project. Add `libRNTextInputMask.a` to your project's `Build Phases``Link Binary With Libraries`
35-
4. Run your project (`Cmd+R`)<
81+
4. Run your project (`Cmd+R`)
3682

3783
#### Android
3884

@@ -48,6 +94,7 @@ react-native link react-native-text-input-mask
4894
```
4995
compile project(':react-native-text-input-mask')
5096
```
97+
</details>
5198

5299
## Usage
53100

0 commit comments

Comments
 (0)