React-native – How to process the iOS status bar height change during the active call in React Native?

During a call, the status bar in iOS will change its height. A larger status bar will cause the TabBar IOS in my RN iOS app to be partially pushed away from the bottom of the screen. In addition, when When switching tabs, the new tab displayed first shows the missing in the middle, as if the upper part of the screen is offset downward to get a larger status bar, but the lower part is not, and the difference is caused by the overlap in the center. People have seen this, if so, is there a solution?
Can you provide some code snippets to see what is happening there? In addition, you can call StatusBar to display the content of the notification bar, and use the ios10 design standard to add a view with a standard height of 64pt.

When calling, the status bar in iOS will change its height. Larger The status bar in my RN iOS app will cause the TabBar IOS in my RN iOS app to be partially pushed away from the bottom of the screen. In addition, when switching tabs, the new tab displayed first shows the missing middle, as if the top half of the screen is biased downwards Move to get a larger status bar, but the lower part is not, and the difference is caused by the overlap in the center. Has anyone else seen this, and if so, is there a solution?

Can you provide some code snippets to see what happened there? In addition, you can call StatusBar to display the content of the notification bar, and use the ios10 design standard to add a view with a standard height of 64pt.

Leave a Comment

Your email address will not be published.