nativebase选项卡动态选项卡闪烁

Question

我正在使用 nativebase 和动态选项卡渲染闪烁。

<Tabs renderTabBar={() => <ScrollableTab />}>
this.state.ifA ? 
{<Tab>
<Text>A</Text>
</Tab>: null}
{this.state.ifB ? 
<Tab>
<Text>B</Text>
</Tab>: null}
<Tabs>

像这样，我在选项卡组件中有大约 7 个选项卡，每当从服务获得响应时都会动态呈现。

标签多次闪烁。任何人都有解决方案。

Answer 1

有两个道具initialPage 和page。给出要在这些道具中最初呈现的选项卡的索引。例如，您想在最初渲染第一个选项卡：

<Tabs renderTabBar={() => <ScrollableTab />} initialPage={0} page={0}>
  { this.state.ifA ? (
    <Tab>
      <Text>A</Text>
    </Tab>
  ) : null }
  { this.state.ifB ? (
    <Tab>
      <Text>B</Text>
    </Tab>
  ) : null }
</Tabs>