Реагировать на собственный маршрутизатор Flux BackgroundImage

Question

Можно ли переместить картинку за решетку сверху. Я предоставил скриншот. Спасибо вам, ребята!

Редактировать 1: Как только вы видите панель вкладок + один пример для сцены. Это в компоненте маршрутизатора. Следующий фрагмент кода взят из одного из компонентов, представленных в этих сценах.

   class Courses extends React.Component{ render(){
return(
      <Image
        source={require('../../../assets/backgrounds/Navigation/kurse.jpg')}
        style={{resizeMode: 'stretch', height: 100, width: 430}}
      />



<Scene
         key="tabbar"
         tabs
         tabBarStyle={{backgroundColor: '#252525'}}
         activeBackgroundColor="#CEECF5"
         inactiveBackgroundColor="white"
         >


             <Scene key="Start" icon={HomeIcon} >
               <Scene
                key="Dashboard"
                component={Dashboard}
                titleStyle={styles.nagivationBarTitleStyle}
                title="Start"
                rightButtonImage={SettingIcon}
                onRight={()=>{Actions.Settings()}}
                navigationBarStyle={{ backgroundColor: 'transparent'}}
                 />

Answer 1

Вам нужно будет создать свой собственный компонент navbar и присвоить ему backgroundColor:"transparent" и скрыть панель навигации из стека потоков маршрутизатора таким образом, чтобы вы увидели содержимое изображения за примером проверки панели навигации ниже.

render(){
return(
 <ImageBackground
        resizeMode="cover"
        source={Images.loginBg}
        style={styles.container}
      >

         <Navbar title="Login" rightTitle="Signup" onRight={this.onRight}/>

        <View style={styles.dividerFirst}>
          <Image source={Images.title} style={styles.titleImage} />
        </View>
        <View style={styles.dividerSecond}>
          <FacebookButton
            onPress={this.onFacebook}
            title="Login With Facebook"
          />
          <View style={styles.spacer} />
          <GradientButton onPress={this.onDeviceMode} title="Practice Mode" />
        </View>
      </ImageBackground>
);
}