# react-native-helloworld

**Repository Path**: slako/react-native-helloworld

## Basic Information

- **Project Name**: react-native-helloworld
- **Description**: 能同时编译出apk\hap\deb
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-07-03
- **Last Updated**: 2026-07-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# MyRnApp

React Native 0.76.0 Hello World 应用，支持打包为 Debian `.deb` 安装包。

## 在 Debian 上构建 .deb 包

### 1. 安装构建依赖

```bash
sudo apt install -y build-essential cmake pkg-config \
    libgtk-3-dev libwebkit2gtk-4.1-dev \
    nodejs npm dpkg-dev
```

### 2. 构建

```bash
cd MyRnApp
npm install
npm run build:deb
```

构建完成后会生成 `MyRnApp_1.0.0_<arch>.deb`。

### 3. 安装与运行

```bash
sudo dpkg -i MyRnApp_1.0.0_amd64.deb
MyRnApp
```

### 开发模式

```bash
npm start
# 另一个终端
g++ -std=c++17 -o linux/build/MyRnApp linux/src/Main.cpp \
    $(pkg-config --cflags --libs gtk+-3.0 webkit2gtk-4.1) -lstdc++fs
./linux/build/MyRnApp --dev
```

## 项目结构

```
MyRnApp/
├── App.tsx              # React Native 主组件 (Hello World)
├── index.js             # 入口文件
├── package.json         # 依赖配置 (react-native@0.76.0)
├── build-linux.sh       # .deb 构建脚本
└── linux/
    ├── CMakeLists.txt   # CMake 配置
    └── src/
        └── Main.cpp     # GTK3 + WebKit2 原生入口
```

## 原理

应用通过 GTK3 窗口嵌入 WebKit2GTK，加载 Metro 打包的 React Native JS Bundle，实现 React Native 代码在 Linux 桌面的运行。