3

我正在尝试在我的项目中添加手风琴类型视图,我正在使用来自 github Accordion-Collapse-react-native 的这个库

我能够成功集成该库并且它可以工作,但问题是当我将它放在滚动视图中时它不会扩展。如果我不把它放在滚动视图中,它可以正常工作,但它不会滚动。不知道我错过了什么。有人用过这个库吗?任何人都可以帮忙吗?以下是到目前为止我的代码示例。

<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>
    );
  }
4

0 回答 0