我的React项目中有一个滚动视图,该视图应该列出数据映射。这些磁贴还可以打开手风琴样式,以显示更多信息。应当映射并查看九个项目,但是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,
      }

最佳答案

我有类似的问题,我找到了一个解决方案,方法是在滚动视图的底部添加一个具有一定高度的额外视图:

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


希望对您有帮助。

关于javascript - Scrollview切断了平铺列表的底部,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/56657740/

10-12 07:07