React-native 如何标记屏幕的一部分答案

【问题标题】：React-native how to tab part of the screenReact-native 如何标记屏幕的一部分
【发布时间】：2018-05-26 00:12:13
【问题描述】：

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

如果我理解正确，我不能使用 Tab-Navigator（或 Stack-Navigator），因为它们控制整个页面（即屏幕）的变化，我只想交换一个卡片元素。

我说的对吗？

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

我希望它具有在 Android UI（非 react-native）示例中显示的效果：android Navigation Tabs in middle of screen

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

【问题讨论】：

【解决方案1】：

您可以使用选项卡导航器，考虑如下结构

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

选项卡导航器将完全控制在其空间内呈现的元素，但不会更改其范围之外的其他元素

【讨论】：

所以你说我的假设是错误的，并且当按下 buttonGroup 中的按钮时，可以使用 TabNavigator 进行更改。你能展示一下这段代码的外观吗？我正要发布自己的答案，我只显示和隐藏其他组件，每个组件都成为当前的“标签页”