Add Whatever You Want (TextInput, Buttons) Inside This Keyboard Sticky View
npm install rn-keyboard-sticky-viewAdd your own component inside this lightweight KeyboardStickyView, whether it be TextInput, Buttons, or who knows what! Supports both Android and iOS.
This component accomplishes the desired outcome using KeyboardAvoidingView provided by react-native, without the complicated animation code.
``
npm i rn-keyboard-sticky-view
`
yarn add rn-keyboard-sticky-view
import React from 'react';
import { StyleSheet, TextInput } from 'react-native';
import KeyboardStickyView from 'rn-keyboard-sticky-view';const KeyboardInput = (props) => {
const [value, setValue] = React.useState('');
return (
onChangeText={setValue}
onSubmitEditing={() => alert(value)}
placeholder="Write something..."
style={styles.input}
/>
);
}
const styles = StyleSheet.create({
keyboardView: { ... },
input: { ... }
});
export default KeyboardInput;