2017-01-12 50 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

相关问题