react-native-keyboard-spacer
A simple React Native component that implement a keyboard spacer.
Installation
If using yarn:
yarn add react-native-keyboard-spacer-fixed
If using npm:
npm i react-native-keyboard-spacer-fixed
Usage
import { KeyboardSpacer } from 'react-native-keyboard-spacer-fixed';
Simply place a <KeyboardSpacer /> tag.
return <React.Fragment>
<View style={styles.container}>
<Text style={[styles.description, { fontSize: 20 }]}>React Native Keyboard Spacer</Text>
<TextInput style={styles.description} value={value} onChangeText={setValue}/>
</View>
<Button style={{ marginBottom: 28 }}>
Press Me
</Button>
<KeyboardSpacer space={20}/>
</React.Fragment>;
Documentation
Floating Heart Component
| Name | Description | Default | Type |
|---|---|---|---|
| space | Space between component with keyboard | 70px | number |
Contributing
Pull requests are always welcome! Feel free to open a new GitHub issue for any changes that can be made.
Author
Huy Pham