# AwesomeProject

**Repository Path**: scenario-samples/awesome-project

## Basic Information

- **Project Name**: AwesomeProject
- **Description**: 【鸿蒙 Harmony Next 示例 代码】Rn Fabric 自定义组件Demo
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-15
- **Last Updated**: 2025-05-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AwesomeProject

Rn Fabric 自定义组件Demo

### 修改历史


| 修订版本 | 修订内容 | 修订日期   |
| -------- | -------- | ---------- |
| 1.0.0    | 初稿     | 2024-08-27 |

## 简介

该文档是为了帮助开发者快速熟悉Rn Fabric 自定义组件适配OpenHarmony Next版本所需要的依赖文件和开发流程。该Demo包含RN样例代码以及鸿蒙代码（harmony)，开发者可以使用VS code开发工具浏览、编译、开发RN代码（AwesomeProject目录），使用DevEco Studio开发工具浏览、编译、开发OpenHarmony Next版本代码（harmony目录)

## 目录结构

```
AwesomeProject
|---harmony               # 鸿蒙单框架代码
  |---AppScope                          # 应用的全局配置信息
  |---entry                      # 应用/服务模块
  |---hvigor                        # 编译构建配置
  |---libs                 # har包依赖文件
  |---build-profile.json5             # 当前的模块信息、编译信息配置项
  |---oh-package.json5               # 描述全局配置
|---view               # RN 样例代码
  |---MarqueeView            # 鸿蒙自定义组件引用
  |---NativeComponent            # MarqueeView使用样例
  |---SampleTurboModule          # TurboModule原生调用
|---App.tsx                  # RN 应用文件入口
|---package.json                    # RN 样例代码依赖
```

## 运行要求

1. RN执行npm i安装RN依赖；
2. RN执行npm run dev生成依赖代码；
3. 在harmony/libs加入react-native-openharmony.har依赖;
4. 使用DevEco工具加载harmony鸿蒙代码，sync and refresh project后运行鸿蒙应用。

## 一份简单的问卷反馈

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

[:arrow_right: **点击此处填写问卷** ](https://wj.qq.com/s2/19042938/95ab/)

<div style="text-align: left;">