# 鸿蒙场景化示例合集

**Repository Path**: scenario-samples/demo-index

## Basic Information

- **Project Name**: 鸿蒙场景化示例合集
- **Description**: 【鸿蒙 Harmony Next 示例 代码】所有仓库Demo集合，便于站内查询。
涵盖三方框架、三方库等类目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 89
- **Forks**: 20
- **Created**: 2024-12-31
- **Last Updated**: 2025-11-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 鸿蒙场景化示例合集

## 介绍
HarmonyOS NEXT场景化示例代码仓是一个基于场景化需求的代码仓，旨在为鸿蒙开发者提供贴近业务场景的代码实现方案。本代码仓涵盖了三方框架、三方库等类目，可以帮助开发者快速实现各种功能。每一个demo都是独立的工程，开发者克隆到本地即可一键启动，按需引入到业务代码中。

## 设计特点
- 开箱即用
- 贴近场景

## 行业实践
为帮助开发者快速解锁鸿蒙生态的全场景开发能力，我们沉淀了一系列高质量的[ **行业场景示例** ](https://gitee.com/scenario-samples/industry-practices-index)，欢迎您使用！

## 一份简单的问卷反馈

亲爱的Harmony Next开发者，您好！<br>
为了协助您高效开发，提高鸿蒙场景化示例的质量，希望您在浏览或使用后抽空填写一份简单的问卷，我们将会收集您的宝贵意见进行优化:heart::heart:

[:arrow_right: **点击此处，或扫描下方二维码填写问卷** ](https://wj.qq.com/s2/19042938/95ab/)

<div style="text-align: left;">
<img src="https://gitee.com/scenario-samples/demo-index/raw/master/image/wenjuan.png" width="200">
</div>


## 分类索引 —— 点击跳转分类
<table>
    <tr>
        <td> <a href="https://gitee.com/scenario-samples/demo-index#%E4%B8%89%E6%96%B9%E6%A1%86%E6%9E%B6"> 三方框架 </a> </td>
        <td> <a href="https://gitee.com/scenario-samples/demo-index#%E4%B8%89%E6%96%B9%E5%BA%93"> 三方库 </a> </td>
        <td> <a href="https://gitee.com/scenario-samples/demo-index#%E5%85%B6%E4%BB%96"> 其他 </a> </td>
    </tr>
</table>

## 最近更新
:arrow_right: 点击 **示例名称** 跳转对应索引位置。
| 更新日期 | 示例名称 | 示例介绍 |
|------|------|------|
| 20251126  | <a href="https://gitee.com/scenario-samples/demo-index#%E5%9F%BA%E4%BA%8Ehypium%E6%A1%86%E6%9E%B6%E5%AE%9E%E7%8E%B0%E9%98%85%E8%AF%BB%E7%B1%BB%E5%BA%94%E7%94%A8%E7%9A%84%E9%A1%B5%E9%9D%A2%E8%AE%BE%E7%BD%AE">基于Hypium框架实现阅读类应用的页面设置</a> | 本示例基于DevEco Testing Hypium，使用Python语言编写UI自动化测试脚本，对华为阅读的页面设置进行测试。 |
| 20251126  | <a href="https://gitee.com/scenario-samples/demo-index#%E5%AE%9E%E7%8E%B0%E5%9C%A8rnflutterh5%E9%A1%B5%E9%9D%A2%E4%B9%8B%E9%97%B4%E4%BA%92%E7%9B%B8%E8%B7%B3%E8%BD%AC%E7%9A%84demo">实现在RN、Flutter、H5页面之间互相跳转的Demo</a> | 本示例主要演示如何实现RN、Flutter、H5三个框架的模块页面相互跳转的功能。 |
| 20251126  | <a href="https://gitee.com/scenario-samples/demo-index#%E5%9F%BA%E4%BA%8Ehypium%E5%AE%9E%E7%8E%B0%E5%95%86%E5%93%81%E5%8A%A0%E5%85%A5%E8%B4%AD%E7%89%A9%E8%BD%A6%E5%8A%9F%E8%83%BD">基于Hypium实现商品加入购物车功能</a> |  本示例主要基于DevEco Testing Hypium框架，使用华为商城实现商品加入购物车的自动化测试。 |


## 三方框架


### [Flutter闪屏页Demo](https://gitee.com/scenario-samples/splashscreen)
在Flutter工程中设置闪屏页

### [uni-app通过uts插件显示花瓣地图](https://gitee.com/scenario-samples/petal-maps)
uniapp通过uts插件拉起华为花瓣地图。
<br><div align="center">
<img src=image/uni-app通过uts插件显示花瓣地图.png height=400 />
</div>


### [阿里OSS客户端上传demo](https://gitee.com/scenario-samples/ali-ossdemo)
阿里OSS客户端上传demo

<br><div align="center">
<img src=image/阿里OSS客户端上传demo.gif height=400 />
</div>

### [基于声网SDK的简易直播](https://gitee.com/scenario-samples/rtc-live-demo)
基于声网SDK实现的简易直播Demo。
<br><div align="center">
<img src=image/基于声网SDK的简单直播Demo.gif height=400 />
</div>

### [基于Hypium实现商品加入购物车功能](https://gitee.com/scenario-samples/shopping-cart-demo)
商品加入购物车是购物比价应用的高频使用场景，如用户添加商品、修改商品数量、多个订单场景、清空购物车。 本示例主要基于DevEco Testing Hypium框架，使用华为商城实现商品加入购物车的自动化测试。

### [实现在RN、Flutter、H5页面之间互相跳转的Demo](https://gitee.com/scenario-samples/rnflutter-h5)
应用在开发过程中可能涉及多个模块分别使用不同的框架开发的module，例如部分module涉及RN、Flutter、H5，本示例主要演示如何实现三个框架的模块页面相互跳转的功能。

### [基于Hypium框架实现阅读类应用的页面设置](https://gitee.com/scenario-samples/books-page-settings)
翻页形式、字体设置、对齐方式和阅读背景等页面设置是新闻阅读类应用的高频使用场景。 本示例基于DevEco Testing Hypium，使用Python语言编写UI自动化测试脚本，对华为阅读的页面设置进行测试。

## 三方库

## 其他