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

Question

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

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

这是基本的想法：

现在，似乎这个可滚动的行为是由Native-Base“Container”组件添加的，当我从Container更改为View时，我的屏幕当然改变了，但至少它根本不可滚动。但是标签没有显示，它完全是空的。

我怎样才能实现这种布局？

这是我目前的布局骨架：

<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>

这应该会停止顶部的滚动。