Skip to content

Commit d8a8d52

Browse files
committed
Update readme
1 parent 0499f93 commit d8a8d52

File tree

1 file changed

+7
-8
lines changed

1 file changed

+7
-8
lines changed

README.md

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff 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
3634
yarn 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

150144
export 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+

0 commit comments

Comments
 (0)