Repository navigation
Description
Description
Keyboard changes view on input touch. It shows white blank when it’s moving to top. If you set backgroundColor: “red” for the root view you will see this white blank on keyboard show right. Please can somebody help me
React Native version:
react-native-cli 2.0.1
react native version: 0.63.2
react-dom: 16.13.1
Steps To Reproduce
import React from 'react';
import { StatusBar } from "expo-status-bar";
import {
View,
KeyboardAvoidingView,
TextInput,
StyleSheet,
Text,
Platform,
TouchableWithoutFeedback,
Button,
Keyboard,
} from 'react-native';
export default function KeyboardAvoidingComponent() {
return (
<KeyboardAvoidingView
behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
style={styles.container}>
Header
<Button title="Submit" onPress={() => null} />
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aliquid aperiam, architecto beatae
blanditiis consectetur consequatur cupiditate
dolores ex excepturi expedita necessitatibus nemo neque obcaecati omnis perspiciatis quibusdam suscipit.
<StatusBar style={"auto"}/>);}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: "red"
},
inner: {
padding: 24,
flex: 1,
justifyContent: 'space-around',
},
header: {
fontSize: 36,
marginBottom: 48,
},
textInput: {
height: 40,
borderColor: '#000000',
borderBottomWidth: 1,
marginBottom: 36,
},
btnContainer: {
backgroundColor: 'white',
marginTop: 12,
},
});
Expected Behavior vs Actual Behavior
Expected Behavior: Keyboard must not change view nor show white blank when moving to top
Actual Behavior: Keyboard changes view and shows white blank when moving to top
Activity
fabOnReact commentedon Feb 26, 2021
I tested and could not reproduce, but from the description seems to be the issue I solved with #29292 released with v0.63.3 the day after you published this issue the Sep 29, 2020
your example was built with 0.63.2
so probably the issue is fixed and will not try to reproduce it ...
but if you give me some feedbacd, I'll give it a look. Thanks
compute correct Keyboard Height with Notch (#30919)
MarySnopok commentedon Jan 5, 2023
Issue is still viable on version react-native: 0.69.6
github-actions commentedon Aug 2, 2023
This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.
github-actions commentedon Aug 9, 2023
This issue was closed because it has been stalled for 7 days with no activity.