代码拉取完成,页面将自动刷新
本示例构建食物分类列表页面和食物详情页,包含:
1.List布局:创建食物数据模型,ForEach循环渲染ListItem。
2.Grid布局:展示食物分类信息,创建Tabs页签展示不同分类的食物。
3.路由机制:router接口、Navigator和页面间数据传递。
实现效果如下:
List:列表包含一系列相同宽度的列表项。适合连续、多行呈现同类数据,例如图片和文本。
Grid:网格容器,由“行”和“列”分割的单元格所组成,通过指定“项目”所在的单元格做出各种各样的布局。
不涉及。
1.点击首页的切换按钮,可切换List和Grid布局。
2.点击食物单元,可跳转到食物详情页。
1.本示例仅支持在标准系统上运行。
2.本示例需要使用DevEco Studio 3.0 Beta3 (Build Version: 3.0.0.901, built on May 30, 2022)才可编译运行。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。