Reactjs 如何使用react native FlatList和ListItem制作两个字幕?

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_

我确实在我的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_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>;

  ...

}