Question

我正在尝试在项目中添加手风琴类型视图，并且正在使用来自github Accordion-Collapse-react-native

的库

我能够成功集成该库，并且它可以工作，但是问题是当我将其放入scrollview中时，它不会扩展。如果我不将其放在scrollview中，它可以正常工作，但不会滚动。不知道我在想什么。有人使用过这个库吗？有人可以帮忙吗？下面是到目前为止我的代码示例。

<View style={styles.container}>
          {/* Question Container */}
          <ScrollView
            ref={ref => (this.scrollView = ref)}
            style={styles.scrollContainer
            }
            scrollEnabled={scrollEnabled}
            onContentSizeChange={this.onContentSizeChange}
          >
            {this.renderHeaders()}
          </ScrollView>
        </View>


renderHeaders() {
    let headerList = [];

    var questionList = [];
    questionList = this.props.dataSource[this.props.currentHeading].questions;

    for (let i = 0; i < questionList.length; i++) {
      headerList.push(
        <Collapse>
          <CollapseHeader style={styles.headerStyle}>
            <Text>{questionList[i].question}</Text>
          </CollapseHeader>
          <CollapseBody>
            <Text>{questionList[i].questionDetail}</Text>
          </CollapseBody>
        </Collapse>
      );
    }

    return (
      <View style={{ flex: 1 }}>
        <View>{headerList}</View> 
      </View>
    );
  }

Answer 1

在父视图上保持滚动视图并从滚动视图的contentContainerStyle或样式中删除flex:1。

它为我工作

带有滚动视图的手风琴折叠反应本机

1 个答案: