当List accordian展开时，React原生纸张显示自定义视图

Question

无法在react原生纸张列表中显示自定义视图作为列表项。我只能弄清楚它可以用于文本，但不能用于自定义组件或自定义视图。谁能告诉我这是否可以用react native paper完成，或者我应该使用其他的npm包。

Answer 1

您可以像这样显示自定义视图

<List.Accordion
title="Accordion"
left={(props) => <List.Icon {...props} icon="folder" />}>

<TextInput style={{height:100}} placeholder={'enter text...'}/> 

</List.Accordion>

Answer 2

可以使用自定义png图标

const arrowRight = require('../assets/Img/Icons/arrowRight.png')
const arrowDown = require('../assets/Img/Icons/arrowDown.png')

<List.AccordionGroup>
<List.Accordion
right={(props) => <Image style={styles.accordIcon} source={props.isExpanded ? arrowDown : arrowRight} />}
title={quickLinks.title}
id={quickLinks.id}
>
<View style={styles.quickLinkTextWrap}>
<Text>{quickLinks.description}</Text>
</View>
</List.Accordion>
</List.AccordionGroup>

accordIcon: {
width: 12,
height: 12,
resizeMode: 'contain',
tintColor: "#000"
},