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