当前仓库属于暂停状态,部分功能使用受限,详情请查阅 仓库状态说明
10 Star 68 Fork 73

OpenHarmony/app_samples
暂停

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

页面布局和连接

简介

本示例构建食物分类列表页面和食物详情页,包含:

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)才可编译运行。

马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/openharmony/app_samples.git
git@gitee.com:openharmony/app_samples.git
openharmony
app_samples
app_samples
master

搜索帮助