创建一个布局，其中一个部分是静态的，而另一部分在Native-Base中滑动时可滚动

Question

我的应用程序上有一个选项卡屏幕，我希望将布局分为两部分。 1）无论您向上/向下滑动，都将是顶部的静态容器。它还包含“基于本机的”标签。

2）每个选项卡都有一个FlatList或ScrollView，我想使其在滑动时滚动？

这是基本概念：

现在，似乎这种可滚动行为是由Native-Base“容器”组件添加的，当我从“容器”更改为“视图”时，我的屏幕当然发生了变化，但至少根本无法滚动。但是选项卡没有显示，它完全是空的。

如何实现这种布局？

这是我当前的布局框架：

<Container>
  <Header>
     ... some header title and icon, doesn't matter ...
  </Header>
  <Content>
     <View>
        <Tabs>
           <Tab heading={ TabHeading here }>
              <ScrollView>
                  <Text>Some Content Here</Text>
              </ScrollView>
           </Tab>
           <Tab heading={ TabHeading here }>
              <ScrollView>
                  <Text>Some Content Here</Text>
              </ScrollView>
           </Tab>
           <Tab heading={ TabHeading here }>
              <ScrollView>
                  <Text>Some Content Here</Text>
              </ScrollView>
           </Tab>
        </Tabs>
     </View>
  </Content>
</Container>

Answer 1

实际上是Content组件引起的滚动，因为它包裹在react-native-keyboard-aware-scroll-view https://github.com/GeekyAnts/NativeBase/blob/master/src/basic/Content.js

中

要禁用Content上的滚动，只需将false传递给scrollEnabled道具

<Content scrollEnabled={false}>
  ...
</Content>

那应该停止顶部的滚动。