shoutem/ui

Screen Component Doesn't Fill Parent on "full-screen"

mosgamal opened this issue · 0 comments

I tried modifying shoutem.auth views as follows:

  1. Remove NavigationBar
  2. Add Custom Background
  3. 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