ios底部的滚动视图截止答案

【问题标题】：Scrollview cutoff at the bottom in iosios底部的滚动视图截止
【发布时间】：2020-05-18 01:51:54
【问题描述】：

我有以下代码sn-p。最后一个元素在 ios 设备中被截断的地方。有人可以帮我解决这个问题吗？

  <View >
    <Animated.View
      style={[
        {
          transform: [
            {
              translateX: this.state.x
            }
          ]
        },
        { flexBasis: "100%" }
      ]}
    >
      <ScrollView
        contentContainerStyle={{ flexGrow: 1}}
        importantForAccessibility="no"
        onScroll={(event) => {
          this.setYOffset(event.nativeEvent.contentOffset.y);
        }}
        onContentSizeChange={(contentWidth, contentHeight) => {
          this.maxHeight = contentHeight;
        }}
      >
        <KeyboardAwareScrollView>
          <View style={styles.containerViewStyle} importantForAccessibility="no">
                 <Row />
                 <Row />
                 <Row />
                 <Row />
                 <Row />
          </View>
        </KeyboardAwareScrollView>
      </ScrollView>
    </Animated.View>
  </View>

keyboardawarescrollview 内视图的样式如下：

const styles = {
  containerViewStyle: {
    flex: 1,
    flexDirection: "column",
    justifyContent: "space-between"
  }
};

我尝试将 flex:1 设置为最外层视图。但这并不能解决问题。有人可以帮我理解这里的问题吗？

【问题讨论】：

在上述样式中添加填充底部可解决此问题。但我觉得它不是处理它的正确方法

标签： react-native flexbox uiscrollview react-native-ios

【解决方案1】：

尝试将paddingBottom 赋予contentContainerStyle 中的Scrollview，例如：

<ScrollView
    contentContainerStyle={{ paddingBottom: 40 }}
>

    {/* Children */}
</ScrollView>

【讨论】：

我在想我们是否可以在不使用 paddingBottom 的情况下达到同样的效果。
我认为我们必须提供填充底部以在滚动视图底部获得一些额外空间。
在不提供底部填充物的情况下不应该弯曲覆盖它吗？
没有。与普通 View 相比，Flex 与 ScrollView 的行为不同。