Screen Component Doesn't Fill Parent on "full-screen"
mosgamal opened this issue · 0 comments
mosgamal commented
I tried modifying shoutem.auth views as follows:
- Remove NavigationBar
- Add Custom Background
- Change Screen styleName to "full-screen"
<Screen
styleName="full-screen"
onLayout={(event) => {
this.getDimensions(event.nativeEvent.layout);
}}
>
<Image
style={{
position: 'absolute',
left: 0,
top: 0,
}}
source={
require('../assets/images/defaultAvatar.jpg')
}
/>
{isEmailAuthEnabled &&
<LoginForm onSubmit={this.performLogin} />
}
{isFacebookAuthEnabled &&
<FacebookButton
onLoginSuccess={this.handleFacebookLoginSuccess}
onLoginFailed={this.handleLoginFailed}
/>
}
{isSignupEnabled &&
<RegisterButton onPress={this.openRegisterScreen} />
}
<Divider />
</Screen>
The view still shows NavigationBar placeholder, it's passed by CardStack > NavigationCardStack
Also, view props don't include renderNavigationBar or any possible way to override the Navbar rendering