@@ -17,6 +17,73 @@ Text input mask for React Native on iOS and Android.
1717
1818``` bash
1919npm install --save react-native-text-input-mask
20+ # --- or ---
21+ yarn add react-native-text-input-mask
22+ ```
23+
24+ # Installation
25+
26+ <details >
27+ <summary ><b >For RN >= 0.61</b ></summary >
28+
29+ #### iOS
30+
31+ 1 . Add following lines to your target in ` Podfile `
32+ ```
33+ use_frameworks!
34+ pod 'RNInputMask', :path => '../node_modules/react-native-text-input-mask/ios/InputMask'
35+ ```
36+ 2 . Run following command
37+ ``` bash
38+ cd ios && pod install
39+ ```
40+
41+ #### Android
42+
43+ No need to do anything.
44+
45+ </details >
46+
47+ <details >
48+ <summary ><b >For RN = 0.60.*</b ></summary >
49+
50+ #### iOS
51+
52+ 1 . In XCode, in the project navigator, right click your ` [your project's name] ` folder, choose ➜ ` Add Files to [your project's name] `
53+
54+ ![ Create Swift File] ( https://i.imgur.com/00K5UZ1.png )
55+
56+ 2 . Select ` Swift File ` ➜ ` Next `
57+
58+ ![ Create Swift File] ( https://i.imgur.com/Mdc9MLk.png )
59+
60+ 3 . Specify name for example ` Dummy.swift ` ➜ ` Create `
61+
62+ ![ Create Swift File] ( https://i.imgur.com/2HSk7Jp.png )
63+
64+ 4 . Now a pop up is shown select ` Create Bridging Header `
65+
66+ ![ Create Swift File] ( https://i.imgur.com/f2zA0n9.png )
67+
68+ 5 . Add following line to your target in ` Podfile `
69+ ```
70+ pod 'RNInputMask', :path => '../node_modules/react-native-text-input-mask/ios/InputMask'
71+ ```
72+ 6 . Run following command
73+ ``` bash
74+ cd ios && pod install
75+ ```
76+
77+ #### Android
78+
79+ No need to do anything.
80+
81+ </details >
82+
83+ <details ><summary ><b >For RN < 0.60</b ></summary >
84+
85+ ### Auto Linking
86+ ``` bash
2087react-native link react-native-text-input-mask
2188```
2289
@@ -26,13 +93,12 @@ react-native link react-native-text-input-mask
2693
2794### Manual installation
2895
29-
3096#### iOS
3197
32981 . In XCode, in the project navigator, right click ` Libraries ` ➜ ` Add Files to [your project's name] `
33992 . Go to ` node_modules ` ➜ ` react-native-text-input-mask ` and add ` RNTextInputMask.xcodeproj `
341003 . 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 ` )<
101+ 4 . Run your project (` Cmd+R ` )
36102
37103#### Android
38104
@@ -48,6 +114,7 @@ react-native link react-native-text-input-mask
48114 ```
49115 compile project(': react-native-text-input-mask ')
50116 ```
117+ </details >
51118
52119## Usage
53120
0 commit comments