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

Question

我在我的应用程序上有一个选项卡屏幕，我想有一个布局分为2部分。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上的滚动，您需要做的就是向scrollEnabled属性传递false

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

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