第 9 课：FlatList空状态

• 日期：2026-09-10
• 课程序号：第 9 课
• 知识点：ListEmptyComponent

用途

在列表没有数据时说明当前状态。

核心概念

ListEmptyComponent 只在 data 为空时渲染。

最小代码或操作示例

<FlatList data={lessons}
  renderItem={({ item }) => <Text>{item.title}</Text>}
  ListEmptyComponent={<Text>暂无课程</Text>} />

3～5 分钟练习

把数据改为空数组再恢复。

参考答案

空数组显示提示，非空数组显示课程项。

与上一课的联系

上一课渲染长列表；本课补充空数据场景。