react-native将子视图移到前面

我添加了一个下拉列表，当我打开它时，下拉菜单隐藏在后面添加的视图之后。我该如何将下拉视图置于反应本地。我现在使用了叠加层，它将视图放在前面，但视图没有设置在正常位置，而是显示为最顶层的元素。react-native将子视图移到前面

在主渲染我有一个ListView：

<ListView ref='listView' 
     style = {{ backgroundColor: '#EAEAEC'}} 
     dataSource={this.state.dataSource} 
     automaticallyAdjustContentInsets={false} 
     renderRow={this.renderRow}/>

在渲染的ListView行：

return (



    <View style={{backgroundColor: '#FFF', marginBottom:5, shadowColor : '#BCBCBC', shadowOffset: {width: 0, height: 0}, shadowOpacity: 0.7, height:150}} > 




      <View style={{flex:1, flexDirection:'row',justifyContent: 'center', alignItems: 'center', backgroundColor: 'yellow', height:100}}> 
       <Overlay isVisible={true}><List /></Overlay> 
      </View> 



     <View style={{flex:5, flexDirection:'row',justifyContent: 'flex-end', alignItems: 'center', paddingTop:17, marginBottom:10}}> 

       <View style={{flex:1}}/> 
       <View style={{flex:1, alignItems: 'center'}}><Image style={styles.imageStyle} source={require('./audit_new_u.imageset/audit_new_u.png')} /></View> 
       <View style={{flex:1, alignItems: 'center'}}><Image style={styles.imageStyle} source={require('./audit_inProcess_u.imageset/audit_inProcess_u.png')} /></View> 
       <View style={{flex:1, alignItems: 'center'}}><Image style={styles.imageStyle} source={require('./audit_complete_s.imageset/audit_complete_s.png')} /></View> 
       <View style={{flex:1}}/> 

     </View> 



    </View> 


);

现在下拉这实际上是在渲染排列表的标签，我已经放置在覆盖标签现在放置在屏幕的顶部。

来源

2015-12-03 Asim

There is no z-index equivalent in react-native. 没有看到一些代码，我可以做的唯一的建议是使用像react-native-overlay

来源

2015-12-03 08:23:07

我只是尝试了躺在它带来的观点进步，但改变它的位置位于屏幕的顶部，而不是站出来的它的当前位置。这种情况下的解决方案是什么？ – Asim

你能分享一些代码来处理你的问题的一个真实例子吗？ –

我已将代码添加到我的问题中。你能看到我做错了什么吗？ – Asim

react-native将子视图移到前面

回答

相关问题