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

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

0 голосов
/ 24 октября 2018

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

Редактировать 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'}}
                 />

1 Ответ

0 голосов
/ 24 октября 2018

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

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>
);
}
...