Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

React Native Android Leaves Transparent Space in 0.67.3 #33408

Closed
tradebulls opened this issue Mar 11, 2022 · 4 comments
Closed

React Native Android Leaves Transparent Space in 0.67.3 #33408

tradebulls opened this issue Mar 11, 2022 · 4 comments
Labels
Needs: Triage 🔍 Platform: Android Android applications. Resolution: Locked This issue was locked by the bot.

Comments

@tradebulls
Copy link

Description

Hi,

I recently upgraded our project to latest RN 0.67.3 version, where I noticed that Android by default leaves some white/transparent space from top. Attaching ScreenShot
Screenshot 2022-03-10 at 2 20 27 PM

The above grey area is also coming in a demo project that I created that has only react and react native lib added. I tried following other issues regarding status bar like

  1. 9ed2df6
    2.Update StatusBar for Android 11+ #32975

Tried to copy StatusBarModule.java and pasted it inside node-modules/react-native android folder but it didn't work.

The same issue is happening on Devices with and above API 30. Any help would be helpful

Version

0.67.3

Output of npx react-native info

System:
OS: macOS 12.2.1
CPU: (4) x64 Intel(R) Core(TM) i5-7400 CPU @ 3.00GHz
Memory: 78.15 MB / 16.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 14.18.1 - /usr/local/bin/node
Yarn: 1.16.0 - /usr/local/bin/yarn
npm: 6.14.15 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
Managers:
CocoaPods: 1.11.2 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: DriverKit 21.2, iOS 15.2, macOS 12.1, tvOS 15.2, watchOS 8.3
Android SDK:
API Levels: 23, 26, 27, 28, 29, 30, 31
Build Tools: 28.0.3, 29.0.0, 29.0.2, 30.0.2, 30.0.3, 31.0.0
System Images: android-28 | Google APIs Intel x86 Atom, android-30 | Google Play Intel x86 Atom
Android NDK: Not Found
IDEs:
Android Studio: 2021.1 AI-211.7628.21.2111.8193401
Xcode: 13.2.1/13C100 - /usr/bin/xcodebuild
Languages:
Java: 1.8.0_191 - /usr/bin/javac
npmPackages:
@react-native-community/cli: Not Found
react: 17.0.2 => 17.0.2
react-native: 0.67.3 => 0.67.3
react-native-macos: Not Found
npmGlobalPackages:

Steps to reproduce

Create a Demo Project and Run on Android Emulator API 30( Pixel 4 API 30)

Snack, code example, screenshot, or link to a repository

No response

@arish-panjwani
Copy link

I am facing the same issue..

@react-native-bot react-native-bot added the Platform: Android Android applications. label Mar 11, 2022
@npjoge
Copy link

npjoge commented Mar 11, 2022

+1

@QureshiFaizan
Copy link

QureshiFaizan commented Mar 11, 2022

Facing the same issue in react-native 0.67.2 as well

@tradebulls
Copy link
Author

Not facing the issue with Latest version of RN Safe Area Context. Thanks

@facebook facebook locked as resolved and limited conversation to collaborators Mar 21, 2023
@react-native-bot react-native-bot added the Resolution: Locked This issue was locked by the bot. label Mar 21, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Needs: Triage 🔍 Platform: Android Android applications. Resolution: Locked This issue was locked by the bot.
Projects
None yet
Development

No branches or pull requests

5 participants