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將子視圖移到前面

回答

相關問題