2017-01-12 51 views
1

我的本機iOS有TabBarController作爲根視圖控制器。我有主屏幕上的PageViewController(這是一個容器視圖),其中的觀點1支持陣營天然ListView是否可以有子視圖

目標顯示拉網查看,同時允許用戶切換標籤

我有嘗試使用模式& Alert API進行顯示。彈出窗口可以很好地工作,但兩者都掩蓋整個屏幕&恢復交互的唯一方法是按下Alert中的CANCEL按鈕。掩蔽使切換標籤不可能。

由於我不能刪除模態或alertView的蒙版,我反而試圖渲染一個視圖,它是ListView的子視圖。 這裏是我的渲染()函數

 return (
     <View style={{flex:1}}> 
      <ListView 
       onEndReachedThreshold={-5} 
       renderFooter={this._renderFooter} 
       onEndReached={this.onEndReached} 
       contentContainerStyle={styles.list} 
       dataSource={this.state.dataSource} 
       renderRow = {(rowData) => Row(rowData)}> 

       <View style={styles.popUpStyle}> 

       </View> 

     </ListView> 
     </View> 
    ) 
} 

我的樣式表如下所示

list: { 
    justifyContent: 'center', 
    alignItems : 'center', 
    flexDirection: 'row', 
    flexWrap: 'wrap', 
    opacity : 1 
}, 
popUpStyle : { 

    width: widthOfScreen - 50, 
    height: heightOfScreen/3, 
    backgroundColor:'#000000', 
    borderRadius: 5, 
    shadowColor:'#000000', 
    shadowRadius:5, 
    shadowOpacity:0.8 
} 

我期待一個視圖出現在屏幕的基礎上我加了,但可惜沒有樣式的中心,ListView的沒什麼。 listView是否可以有一個子View?更重要的是,我可以在沒有面具的情況下製作一個彈出視圖嗎?

+0

爲什麼標記爲Android? –

+0

@ChantellOsejo標記的原因是Force對React-Native和一些Android工程師可能已經轉向黑暗一方。 – MrDank

+0

所以基本上你想要一個視圖在屏幕中間彈出,同時允許用戶仍然使用標籤導航而不必關閉視圖?如果沒有,對不起,但你能解釋一下嗎? –

回答

0

listView是否有子View?

不是我所知道的。

更重要的是,我可以在沒有面罩的情況下彈出視圖嗎?

當然可以。你只需要一些absolute魔法。我做類似的,以示「敬酒」的東西:

的風格:

component: { 
    position: 'absolute', 
    left: 0, 
    right: 0, 
    alignItems: 'center' 
}, 
content: { 
    backgroundColor: red, 
    borderRadius: 0, 
    padding: 10, 
    height: 56, 
    justifyContent: 'center' 
}, 
text: { 
    color: white, 
    textAlign: 'left', 
    fontSize: 18 
} 

組件:

<View style={styles.component} pointerEvents='none'> 
    <View style={styles.content}> 
     <Text numberOfLines={1} style={styles.text}>{this.state.text}</Text> 
    </View> 
</View> 

我的「祝酒詞」不互動,但是這是留給你的練習。

+0

以下是我有問題# – MrDank

+0

查查我以前的評論..這是我有的問題,容器視圖有列表視圖和吐司視圖。 Toast視圖需要在ListView上顯示。這並不能解決我的問題。 @Eldelshell – MrDank

+0

吐司顯示在所有其他組件的頂部,但它必須放在正確的位置,而不是在ListView內 – Eldelshell

相關問題