React-native如何标记部分屏幕

时间:2018-05-25 15:11:32

标签: android ios react-native tabs

我有一些屏幕的部分保持永久性,屏幕的一部分是一个容器,应该根据按钮组上的按钮按下将其内容更改为一组Card元素之一。

如果我理解正确,我不能使用Tab-Navigator(或Stack-Navigator),因为它们控制整页(即屏幕)的变化,而我只想交换单个卡元素。

我对此是否正确?

如果是这样,我该怎么办?是否有一些现有的UI元素?如果什么都不存在,我该怎么做呢?每张卡从本地json加载不同的东西,我不想在来回切换时重新加载它们......

我希望它具有Android UI(非反应原生)样本中显示的效果:android Navigation Tabs in middle of screen

也许我应该在这个答案中使用swiper? implement tabs in the center of the screen

1 个答案:

答案 0 :(得分:0)

您可以使用标签导航器,考虑下面的结构

 <View>
     <OtherStuffThatFilLTheScreen>
     <TabNavigator>
     <OtherRandomStuff>
  <View>

Tab导航器将完全控制在其空间内渲染的元素,但不会更改其范围之外的其他元素