Pane Renderer does not cover entire screen for translucent or hidden Status Bar

[Vedantthakkar]

Hi

One of the components in my app requires the status bar to be translucent and I am making it happen using the following code:

Although the app covers the area of the status bar, there appears a white line at the bottom of the app. The page looks something like this:

The white line also appears for the "hidden" state of status bar. I suspect that pane renderer does not take into account the state of the status bar. It considers the dimension of the area except the status bar and renders using the height of that dimension. I tried changing the paneRects manually and it did cover the entire screen but could not come up with something that can adjust the paneRects based on the state of the status bar("hidden" or "translucent" ). Is there any solution to this situation ?

[chrisglein]

Layout will not be adjusted for items that are translucent generally. To get layout to update items generally would need to be hidden (or remove from React tree). Why are you setting it to translucent instead of hiding it? What's the scenario?

[Vedantthakkar]

The idea is to give a full screen experience for a particular feature while the status bar is also somewhat visible. Although hiding the status bar is also an option I started with translucent. But neither of the two options (translucent or hidden) seems to work as for both of them there is a white line at the bottom. As react-native-twopane-navigation is the container library for the screens, is this case being handled at the container (paneRender) level? If not is there any specific recommendation to handle such cases (It will be great if you could give some code examples)?