ios底部的Scrollview边界

Question

我有以下代码段。 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设置为最外面的视图。但这不能解决问题。有人可以帮助我了解这里的问题吗？

Answer 1

尝试像在paddingBottom中将Scrollview赋予contentContainerStyle：