react-native - ListView React Native 中未显示的项目
问题描述
我的物品都没有显示。我记录了该项目的输出,该值是正确的,但没有显示任何内容。我看到创建了列表行,但一切都是空的。
render() {
return this.state.foodList.length > 0 ?
<SafeAreaView style={styles.container}>
<FlatList
data={this.state.foodList}
ItemSeparatorComponent={() => <Divider style={{ backgroundColor: 'black' }} />}
keyExtractor={(item, index) => index.toString()}
renderItem={({ item, index }) => {
//console.log("*******************");
//console.log(item);
return (
<ListItem
containerStyle={styles.listItem}
title={item.name}
subtitle={`Ingredients: ${item.ingredients} Calories: ${item.calories}`}
titleStyle={styles.titleStyle}
subtitleStyle={styles.subtitleStyle}
leftAvatar={{
size: 'large',
rounded: false,
//source: item.image && { uri: item.image }
}}
/>
);
}
}
/>
<Button
title="Go to Scan Again"
onPress={() => this.props.navigation.navigate('DashBoardScreen')}
/>
</SafeAreaView>:
<View style={styles.textContainer}>
<Text style={styles.emptyTitle}>No Foods found</Text>
<Text style={styles.emptySubtitle}>Add a new food by scanning or entering food in previous screen</Text>
</View>
}
解决方案
推荐阅读
- python - 重新加载时是否有更好的方法将表单保存在烧瓶中?
- gradle - 错误信息是什么意思:“密钥环不以密钥标签开头:标签 0xffffffff”?
- mysql - 是否可以在不使用 sql 中的 Pivot 函数的情况下将行转换为列然后根据特定值对金额求和?
- mysql - 编写此 MySQL 查询的更有效方法
- c - 汇编中的有效地址
- fullcalendar - fullcalendar 5 没有 monthNames、monthNamesShort、dayNames 和 dayNamesShort 选项
- python - Pydantic 参数验证与文件上传
- node.js - 如何修复 ERR_CONNECTION_REFUSED - MERN Stack Heroku 部署
- reactjs - 我在 React js 中重定向到另一个页面时遇到问题
- linear-programming - 线性规划最小化最大距离