反应本机中的z-index问题

问题描述：

如何将绝对定位的元素/组件置于其后呈现的其他组件顶部。我使用scrollview部件反应本机中的z-index问题

style: 
     width: 300, 
     height: 100, 
     position:'absolute', 
     top:30,

但其他部件重叠滚动下拉菜单。我将top改成bottom，但scrollview顶部的组件没有重叠。

由于我是新来的这种反应，本机和不知道reactjs我无法找出解决方案和条款来表达我的问题，请帮助。我的问题如下图我在scrollview组件和区域社会下拉菜单中我附上屏幕截图是另一个滚动视图是可见的，重叠的第一部分

出现同样的问题，您是否发现任何解决方案/解决方法？ – antihate

答

编辑：阵营原生现在确实支持z-index财产！ https://facebook.github.io/react-native/docs/layout-props.html

==老答案==

阵营本地没有一个z-index财产。 z指数由组件的顺序决定。例如：

<View> 
    <Image /> 
    <Text /> 
</View>

的<Text>将始终是<Image>上方。

你可以建议任何建议，因为我的scrollview组件高于另一个，所以我如何命令他们，让他们不会超出我的scrollview？ –

答

zIndex属性支持反应原生版本0.29.0对于iOS。

答

我有一个类似的问题，它来自zIndex没有应用到正确的组件。例如，如果你具备以下条件：

class App extends Component { 
    render() { 
     return (
      <View style={styles.form}> 
       <View style={styles.selectInput}> 
        <TextInput placeholder="Select something" /> 
        <Dropdown /> 
       </View> 
       <View style={styles.formInput}> 
        <TextInput placeholder="Stuff" /> 
       </View> 
       <View style={styles.formInput}> 
        <TextInput placeholder="Other stuff" /> 
       </View> 
      </View> 
     ); 
    } 
}

并希望您的Dropdown组件上面去下面的2个表单输入，你需要添加zIndex: 100到其容器，与selectInput风格的景观。

反应本机中的z-index问题

相关推荐