# ArkWebSameLevelRendering

**Repository Path**: huang-zhen-ting/arkweb-same-level-rendering

## Basic Information

- **Project Name**: ArkWebSameLevelRendering
- **Description**: 该方案展示了ArkWeb同层渲染：将系统原生组件直接渲染到前端H5页面上，原生组件不仅可以提供H5组件无法实现的一些功能，还能提升用户体验的流畅度。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 20
- **Created**: 2025-06-16
- **Last Updated**: 2025-06-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Same-level Rendering of ArkWeb

### Overview

This sample shows how to use the same-level rendering of ArkWeb. The native components of the system are directly rendered to the front-end HTML5 page. They not only provide some functions that cannot be implemented by the HTML5 components, but also improve user experience.

### Preview

![](./screenshot/device/pic_EN.png)

**How to Use**

View the rendering effect at the same level on the page. **Text** and **Image** are native components.

### High-Performance Knowledge

The native same-level rendering components of ArkWeb not only provide some functions that cannot be implemented by HTML5 components, but also improve user experience. By rendering nodes at the same level, you can reuse nodes and reduce repeated node overhead.

### Project Directory
```
├──entry/src/main/ets/
│  ├──mock
│  │  └──GoodsMock.ets                       // Simulated data class
│  ├──entryability
│  │  └──EntryAbility.ets                    // Configuration class
│  └──model
│  │  └──GoodsModel.ets                      // Type declaration
│  └──pages
│     └──Index.ets                           // Entry point class
└──entry/src/main/resource                   // Static resources of the app
```
### Required Permissions

- **ohos.permission.INTERNET**, which allows an app to access the Internet.

### Constraints

1. The sample app is supported only on Huawei phones running the standard system.

2. The HarmonyOS version must be HarmonyOS 5.0.0 Release or later.

3. The DevEco Studio version must be DevEco Studio 5.0.0 Release or later.

4. The HarmonyOS SDK version must be HarmonyOS 5.0.0 Release SDK or later.