react-navigation / react-navigation/react-navigation
Screen drop down after input value
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 24.5k
- Forks
- 5.1k
- Avg merge
- 1d 5h
- Merged PRs (30d)
- 18
Description
When the screen is in stacknav, after typing a value into textInput, the screen exits. when the screen is not in the middle of the stack nav it works fine
<KeyboardAvoidingView
behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
style={{ flex: 1, backgroundColor: getColors('background') }}
contentContainerStyle={{ backgroundColor: getColors('background') }}
keyboardVerticalOffset={-40}>
<TouchableWithoutFeedback onPress={Keyboard.dismiss}>
<View style={{ height: '100%'}}>
<View style={{ height: '60%' }}>
</View>
<View style={{height: '40%' }}>
<View style={{backgroundColor: '#fff'}}>
<TextInput/>
</View>
</View>
</View>
</TouchableWithoutFeedback>
</KeyboardAvoidingView>
react-navigation/native: 5.9.0
react-navigation/stack: 5.13.0
Device Nexus S 4.0'
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the issue with the shown KeyboardAvoidingView, TextInput, and stack navigation setup on the listed React Navigation versions and Nexus S device. Trace why typing causes the screen to exit only while in stack navigation; done means text entry no longer leaves the screen in that state.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100