React-native-navigation: Android:show white space when hidden bottom bar

Created on 8 Mar 2019  路  6Comments  路  Source: wix/react-native-navigation

When I want to hide bottom bar on android device then show white space.On iOS device not show.My code hide bottom bar when click on Button

Navigation.mergeOptions(this.props.componentId, {
bottomTabs: {
visible: hideBottom?false:true,
drawBehind: true
}
});

screen shot 2019-03-08 at 12 11 47 pm

All 6 comments

I'm experiencing same issue with the top bar

Navigation.setRoot({
    root: {
        stack: {
            children: [{
                component: {
                    name: "Login",
                    options: {
                        topBar: {
                            visible: false,
                        }
                    }
                }
            }]
        }
    }
});

screenshot_1552025138

@C-ollins You can add drawBehind:true like this

Navigation.setRoot({
root: {
stack: {
children: [{
component: {
name: "Login",
options: {
topBar: {
visible: false,
drawBehind:true
}
}
}
}]
}
}
});

I fixed my issue.
I add tab.requestLayout(); to class BottomTabsPresenter > function name mergeDrawBehind > line 131.

Thanks for the solution.

@danghung24031992 this is wired solution

Happens the same for me in iOS, any solution?

Was this page helpful?
0 / 5 - 0 ratings