Блог

Я пытаюсь добавить представление типа accordion в свой проект, и я использую эту библиотеку из 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>
    );
  }