Javascript 滚动视图切掉平铺列表的底部

我的React项目中有一个scrollview，它应该列出数据地图。这些平铺还可以打开手风琴样式以显示更多信息。九个项目应该被映射并可查看，但是scrollview仅显示7个，最后一个项目被切断/手风琴和瓷砖本身

尝试：使用flex:1在其周围创建视图，使用FlexGrow而不是flex，添加高度：100

<ScrollView style={styles.contentContainer}>
        <View style={styles.accordianContainer}>
          <Accordion
            sections={this.props.gyms}
            activeSections={this.state.activeSections}
            renderHeader={this._renderHeader}
            renderContent={this._renderContent}
            onChange={this._updateSections}
            underlayColor={"#ffffff"}
          />
        </View>
      </ScrollView>


const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
  },
    contentContainer: {
      flex: 1,
      borderColor: 'red',
      borderWidth: 1,
    },
      accordianContainer: {
        height: ( Layout.noStatusBarHeight)* .9,
        width: Layout.window.width,
        marginBottom: Layout.window.height / 4,
      }

const styles=StyleSheet.create({
容器：{
弹性：1，
背景颜色：“#fff”，
},
内容容器：{
弹性：1，
边框颜色：“红色”，
边框宽度：1，
},
一致性容器：{
高度：（布局高度）*.9，
宽度：Layout.window.width，
marginBottom:Layout.window.height/4，
}

我也有类似的问题，我通过在scrollview底部添加一个具有一定高度的额外视图找到了解决方案，如下所示：

<View style={{height: 54}} />

希望对你有帮助