[英]react native - Having static and dynamic elements in FlatList
我认为最好和最简单的选择是按照你概述的方式进行:将“静态”数组与“动态”数组连接,并分别处理静态数组。
例
class Options extends React.Component {
renderItem({ item, index }) {
if (index === 0) {
return <Camera />;
} else if (index === 1) {
return <Live />;
} else {
return <GeneralItem {...item} />;
}
}
render() {
const statics = [{ text: 'Camera' }, { text: 'Live' }];
return (
<FlatList
data={statics.concat(this.props.data)}
renderItem={this.renderItem}
/>
);
}
}
可以在 FlatList 中使用ListHeaderComponent 属性来完成。 我们可以放置任何 JSX 并实现静态第一项。
<FlatList
data={data}
renderItem={({item, index})=><Item musicItem={item} index={index} currentIndex={currlistIndex} db_index={item.id_db}/>}
extraData={currlistIndex}
ListHeaderComponent={<AddSongs/>}
/>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.