模板版本：v0.2.2

本项目基于 react-native-safe-area-view 开发。

[!TIP] Gitee 地址

安装与使用

请到三方库的 Releases 发布地址查看配套的版本信息：@ohmi/react-native-safe-area-view Releases 。对于未发布到npm的旧版本，请参考安装指南安装tgz包。

进入到工程目录并输入以下命令：

npm

npm install @ohmi/react-native-safe-area-view

yarn

yarn add @ohmi/react-native-safe-area-view

下面的代码展示了这个库的基本使用场景：

[!WARNING] 使用时 import 的库名不变。

import * as React from "react";
import { Text, View } from "react-native";
import SafeAreaView from "react-native-safe-area-view";

export default function App() {
	return (
		<SafeAreaView forceInset={{ top: "always" }}>
			<View>
				<Text>Yeah, I'm safe too!</Text>
			</View>
		</SafeAreaView>
	);
}

约束与限制

兼容性

要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 电脑 ROM。

本文档内容基于以下版本验证通过：

1. RNOH：0.72.5; SDK：OpenHarmony 5.0.2.123(API Version 14 Release); IDE：DevEco Studio 5.0.7.200; ROM：5.0.0.130(SP6C00E130R4P28patch08);

属性

[!TIP] "Platform"列表示该属性在原三方库上支持的平台。

[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。

| Name | Description | Type | Required | Platform | HarmonyOS Support | | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | -------- | ----------------- | | forceInset | takes an object with the keys top \| bottom \| left \| right \| vertical \| horizontal and the values 'always' \| 'never'. Or you can override the padding altogether by passing an integer. | object | no | all | yes |

遗留问题

其他

开源协议

本项目基于 The MIT License (MIT) ，请自由地享受和参与开源。