here is my ios, android screen.
I have some problem in android.
I think it goes up twice as high as the keyboard. (android)
what can i do?? please help me T.T
here is my code
import React from 'react';
import {
View,
Keyboard,
TextInput,
StyleSheet,
SafeAreaView
} from 'react-native';
import CustomIcon from '../components/CustomIcon';
import Icon from 'react-native-vector-icons/FontAwesome';
import KeyboardAccessory from 'react-native-sticky-keyboard-accessory';
export default class InfromScreen extends React.Component {
render() {
return (
<Icon
style={styles.keyboardAccessoryItem}
name='angle-down'
size={30}
onPress={() => Keyboard.dismiss()} />
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff'
},
wrapper: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center'
},
keyboardAccessoryContainer: {
flexDirection: 'row',
height: 40,
paddingHorizontal: 20,
alignItems: 'center'
},
keyboardAccessoryItem: {
color: '#979797',
marginLeft: 10
},
input: {
flex: 1,
height: 30,
paddingHorizontal: 10,
borderWidth: 1,
borderRadius: 5,
borderColor: '#ddd',
backgroundColor: '#fff'
},
});