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

android navbar position wrong with navTransparent #3291

Closed
simonwang6666 opened this issue Sep 25, 2018 · 1 comment
Closed

android navbar position wrong with navTransparent #3291

simonwang6666 opened this issue Sep 25, 2018 · 1 comment
Labels
android Specific to Android needs response from author needs steps to reproduce Needing information about how to reproduce

Comments

@simonwang6666
Copy link

simonwang6666 commented Sep 25, 2018

Version

  • react-native-router-flux v4.0.3
  • react v16.5.1
  • react-native v0.57.1

Expected behaviour

The nav contents stay at the middle of the view in Android which was normal @4.0.0-beta.31

Actual behaviour

image
stay at the bottom

Steps to reproduce

my code:

<Scene
     {...configs}
     component={CommonView(component)}
     navTransparent
/>

common view is a HOC to hack a customized navbar like

({navbarStyle, fullScreen = false, barStyle, ...compProps}) => (
        <View style={{flex: 1}}>
            <StatusBar barStyle={barStyle}/>
            {!fullScreen && <View style={[styles.narbarWrapper, navbarStyle]}/>}
            <Component {...compProps}/>
        </View>
);

'View' is the actual area to contain the backButton and title with some customized style.The position of the nav contents went wrong even if simply use navTransparent.

@daviscabral
Copy link
Collaborator

Please fill the issue template properly. Without that, it's not possible to help.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
android Specific to Android needs response from author needs steps to reproduce Needing information about how to reproduce
Projects
None yet
Development

No branches or pull requests

3 participants