模板版本：v0.2.2

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

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

[!TIP] Gitee 地址

安装与使用

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

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

npm

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

yarn

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

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

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

1import * as React from "react";
2import { Text, View } from "react-native";
3import SafeAreaView from "react-native-safe-area-view";
4
5export default function App() {
6	return (
7		<SafeAreaView forceInset={{ top: "always" }}>
8			<View>
9				<Text>Yeah, I'm safe too!</Text>
10			</View>
11		</SafeAreaView>
12	);
13}

约束与限制

兼容性

要使用此库，需要使用正确的 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) ，请自由地享受和参与开源。