Reactjs 如何使用react native FlatList和ListItem制作两个字幕?
我确实在我的react原生应用程序中列出。 我有这个:Reactjs 如何使用react native FlatList和ListItem制作两个字幕?,reactjs,react-native,jsx,Reactjs,React Native,Jsx,我确实在我的react原生应用程序中列出。 我有这个: <FlatList data={this.state.items} renderItem={({ item }) => ( <ListItem title={`${item.object.street_number}${item.object.apt_number?'/'+item.object.apt_number:''} ${item.object.street_
<FlatList
data={this.state.items}
renderItem={({ item }) => (
<ListItem
title={`${item.object.street_number}${item.object.apt_number?'/'+item.object.apt_number:''} ${item.object.street_name} ${item.object.city}`}
subtitle={`Payment: ${item.data[0].is_paid ? 'Paid' : 'No Paid'}`}
/>
)}
/>
(
)}
/>
我可以做第二个副标题还是换行?完全由您定义自己的renderItem()函数
renderItem({item}){
常量时间=`${item.time}`;
常量位置=`${item.place}`;
const temp=css.addDegreesToEnd(item.currentTemp);
const{iconName,iconFont,iconColor}=item.icon;
让actualRowComponent=
{time}//第一个文本
{place}//Second
{temp}
;
...
}
甚至复杂的布局也是可能的,更不用说两个文本行,例如:
定义自己的renderItem()函数完全取决于您自己
renderItem({item}){
常量时间=`${item.time}`;
常量位置=`${item.place}`;
const temp=css.addDegreesToEnd(item.currentTemp);
const{iconName,iconFont,iconColor}=item.icon;
让actualRowComponent=
{time}//第一个文本
{place}//Second
{temp}
;
...
}
甚至复杂的布局也是可能的,更不用说两个文本行,例如:
react native中没有
列表项。那是一个库吗?react native中没有ListItem
。那是图书馆吗?
renderItem({item}) {
const time = `${item.time}`;
const place = `${item.place}`;
const temp = css.addDegreesToEnd(item.currentTemp);
const {iconName, iconFont, iconColor} = item.icon;
let actualRowComponent =
<View style={css.home_screen_list.row}>
<View style={...}>
<Text style={...}>{time}</Text> //First text
<Text style={...}>{place}</Text> //Second
</View>
<Icon color={iconColor} size={...} name={iconName} //Others
type={iconFont}/>
<Text style={...}>{temp}</Text>
</View>;
...
}