software-mansion / software-mansion/react-native-screens
Again: Blank space appear at the bottom
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 3.7k
- Forks
- 714
- Avg merge
- 2d 23h
- Merged PRs (30d)
- 71
Description
I'm getting this problem again, this time with edgeToEdgeEnabled=true. Like this: 3495
I'm using KeyboardAvoidingView in root, for example:
<KeyboardAvoidingView behavior='height' style={{ flex: 1 }}>
<App />
</KeyboardAvoidingView>
When an input is clicked, this somehow causes bottom padding of approximately the size of StatusBar.currentHeight on all screens.
"@react-navigation/bottom-tabs": "7.13.0",
"@react-navigation/elements": "2.9.5",
"@react-navigation/material-top-tabs": "7.4.13",
"@react-navigation/native": "7.1.28",
"@react-navigation/native-stack": "7.12.0",
"react-native": "0.84.0",
"react-native-screens": "4.23.0",
Contributor guide
No contributing guide indexed for this repository
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
Reproduce the blank bottom space with edgeToEdgeEnabled=true, KeyboardAvoidingView using behavior='height', and the listed React Native, React Navigation, and react-native-screens versions. Compare the behavior with issue 3495 and trace how keyboard and status-bar insets are applied; done means focusing an input no longer leaves the approximately StatusBar.currentHeight-sized bottom padding on screens.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100