React native 在ScrollView中滚动时保留内容填充

我使用的是具有以下样式的简单滚动视图：

向下滚动时，我发现内容并没有填充，这看起来很糟糕

什么样式属性可以改进此可视化

我的环境：

  Expo CLI 3.21.12 environment info:
    System:
      OS: macOS 10.15.5
      Shell: 5.7.1 - /bin/zsh
    Binaries:
      Node: 14.3.0 - /usr/local/bin/node
      Yarn: 1.22.4 - /usr/local/bin/yarn
      npm: 6.14.5 - /usr/local/bin/npm
    IDEs:
      Android Studio: 3.4 AI-183.6156.11.34.5692245
      Xcode: 11.5/11E608c - /usr/bin/xcodebuild
    npmPackages:
      expo: 37.0.0 => 37.0.0
      react: 16.9.0 => 16.9.0
      react-dom: 16.9.0 => 16.9.0
      react-native: https://github.com/expo/react-native/archive/sdk-37.0.0.tar.gz => 0.61.4
      react-native-web: 0.11.7 => 0.11.7
    npmGlobalPackages:
      expo-cli: 3.21.12

---

这是在Android emulator Pixel 2 XL Android R上测试的，请使用名为contentContainerStyle的道具，如下所示

    <ScrollView 
       style={{
        height: '100%', 
        width: '100%', 
        shadowRadius: 8,
        backgroundColor: 'white',
        shadowOpacity: 0.2,
        shadowColor: 'black',
        elevation: 20,
        shadowOffset: {
            width: 0,
            height: 0
        },
        position:'relative',
        marginTop: 10,
        paddingTop: 10,
        borderTopLeftRadius: 15,
        borderTopRightRadius: 15
        }}
      contentContainerStyle={{paddingBottom: value}}
    >

---

这将在scrollview结束时最后插入一个空格。

我以以下解决方法结束。我对它不满意，但至少它是有道理的

它基本上意味着在中性包装

视图

中进行样式设置，并在

滚动视图

本身上方添加一个用于顶部填充的缓冲区

未更改显示器中的任何内容删除高度：100，然后重试。另外，react native仅支持px而非%。要使用百分比，请使用尺寸计算总高度，然后进行处理