我正在用本机做一个应用程序。菜单是一个组件,可以从标题中调用。它应该出现在其他组件组件之上,并且在iOS中运行良好,但在Android中,它出现在其他组件之下。我使用了zIndex
和elevation
,但还无法正常工作。
这是我称之为组件的代码:
<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,
},