material-bottom-tabs 上的 ScrollView 不工作

Question

当前行为

我正在这样创建我的选项卡（注意：主页是一个 StackNavigator 屏幕）：

ProfileTab 是这样呈现的（items 是一个输入数组）：

return <ScrollView contentContainerStyle={{flex: 1, backgroundColor: Colors.primaryShade3,
                                               paddingTop: Sizes.paddingTop}}>
              <View style={{flexDirection: "row", alignItems: "center", marginBottom: 50}}>
                  <Image source={{uri: RNStorage.userProfile.user.photo}} 
                         style={{marginRight: 20, resizeMode: "contain", width: 70, height: 70, borderRadius: 50}}/>
                  <Text style={{color: Colors.white, fontSize: Sizes.h2}}>
                    Bem vindo, {RNStorage.userProfile.user.givenName}
                  </Text>
              </View>                            
              {items}
   </ScrollView>

所有输入都遵循此结构：

当前有此行为（不滚动）：

预期行为

滚动应该可以正常工作。我也用 react-native-gesture-handler 的 ScrollView 测试过，但是也没用。

Answer 1

这与 material-bottom-tabs 无关。

您需要从 contentContainerStyle 中删除 flex: 1。否则，您的视图将填满可用的可滚动区域并且无法滚动。