File tree Expand file tree Collapse file tree 1 file changed +7
-8
lines changed
Expand file tree Collapse file tree 1 file changed +7
-8
lines changed Original file line number Diff line number Diff line change @@ -28,16 +28,10 @@ A simple react-native confirmation code field compatible with iOS, Android.
2828| --- | --- |
2929| [ ![ react-native-confirmation-code-field animated example] ( https://media.giphy.com/media/huJrqF0YRrNJBTwUmz/giphy.gif )] ( examples/DemoCodeField/src/AnimatedExample ) | [ ![ react-native-confirmation-code-field mask example] ( https://media.giphy.com/media/L4HHvT9Rwdlcdj59np/giphy.gif )] ( examples/DemoCodeField/src/MaskExample ) <br />[ ![ react-native-confirmation-code-field unmask example] ( https://media.giphy.com/media/jslJYqajRARsyANwdf/giphy.gif )] ( examples/DemoCodeField/src/UnmaskExample ) <br />[ ![ react-native-confirmation-code-field underline example] ( https://media.giphy.com/media/XEazF64IwELNV8wZge/giphy.gif )] ( examples/DemoCodeField/src/UnderlineExample ) <br />[ ![ react-native-confirmation-code-field formatting example] ( https://media.giphy.com/media/Y1TB1fSFtWHAdKSpZY/giphy.gif )] ( examples/DemoCodeField/src/FormattingExample ) |
3030
31-
3231## Install
3332
3433``` sh
35- # For React Native 0.64.x and above
3634yarn add react-native-confirmation-code-field
37-
38-
39- # If you need React Native 0.63.x and below
40- yarn add react-native-confirmation-code-field@6
4135```
4236
4337## How it works
@@ -57,7 +51,7 @@ JSX structure looks like that:
5751 < Cell>< / Cell>
5852 < Cell>< / Cell>
5953 // Invisible Text Input with absolute position (gray rectangle with text '123')
60- < TextInput value= " 123" / >
54+ < TextInput value= " 123" / >
6155< / View>
6256```
6357
@@ -139,7 +133,7 @@ const App = () => {
139133 key= {index}
140134 style= {[styles .cell , isFocused && styles .focusCell ]}
141135 onLayout= {getCellOnLayoutHandler (index)}>
142- {symbol || (isFocused ? < Cursor / > : null )}
136+ {symbol || (isFocused ? < Cursor/ > : null )}
143137 < / Text >
144138 )}
145139 / >
@@ -149,3 +143,8 @@ const App = () => {
149143
150144export default App ;
151145```
146+
147+ ### Compatibility
148+
149+ For ` react-native@0.63.x ` and below use ` yarn add react-native-confirmation-code-field@6 ` , otherwise use the latest version ` yarn add react-native-confirmation-code-field `
150+
You can’t perform that action at this time.
0 commit comments