react-native zIndex或高程在android中不起作用

时间:2018-09-13 21:09:35

标签: react-native

我正在用本机做一个应用程序。菜单是一个组件,可以从标题中调用。它应该出现在其他组件组件之上,并且在iOS中运行良好,但在Android中,它出现在其他组件之下。我使用了zIndexelevation,但还无法正常工作。

这是我称之为组件的代码:

<Animated.View
  style={[styles.ContainerOver, {transform: [{translateX: this.state.AnimeMenu}]}]}
>
  <TouchableOpacity onPress={()=> {this._ShowHideMenu()}} style={styles.butCloseMenu}>
    <Image source={require('../../assets/images/closeBut.png')} resizeMode='contain' style={styles.iconCloseMenu}/>
  </TouchableOpacity>
  <Menu afterNav={()=>this._HideMenu()} navigation={this.props.navigation}/>
</Animated.View>

这些是样式:

 ContainerOver: {
   flex: 1,
   position: 'absolute',
   top:0,
   left: -SCREEN_WIDTH,
   zIndex: 8000,
   elevation: 20,
 },

0 个答案:

没有答案