一个中的所有帮助者; iPhone 系列支持, 维度帮助者, has Notch 帮助者, 正常的文本帮助者和文本帮助者, 对 React Natural 非常容易使用
安装
添加依赖 :
原生反应
npm i @freakycoder/react-native-helpers
设备信息使用
import {
Screen,
ScreenWidth,
ScreenHeight,
isIOS,
isAndroid,
isTablet
} from "@freakycoder/react-native-helpers";
<View>
<Container title="Device OS" subtitle={isIOS ? "iOS" : "Android"} />
<Container title="Screen Height" subtitle={ScreenHeight} />
<Container title="Screen Width" subtitle={ScreenWidth} />
<Container title="Tablet?: " subtitle={isTablet ? "Tablet" : "Phone"} />
</View>;
Notch 动态岛使用法( D)
import {
getStatusBarHeight,
hasNotch,
hasNotchOnly,
hasDynamicIsland,
getStatusBarHeight,
} from "@freakycoder/react-native-helpers";
<View>
<Container
title="hasNotch?"
subtitle={hasNotch() ? "Has Notch" : "NOT notch"}
/>
<Container
title="hasDynamicIsland?"
subtitle={
hasDynamicIsland(Screen) ? "Has Dynamic Island" : "NOT Dynamic Island"
}
/>
<Container title="getStatusBarHeight?" subtitle={getStatusBarHeight()} />
</View>;
通过链接打开应用程序或存储
import { openAppInPlayStore, openAppInAppStore, openExternalApp } from "@freakycoder/react-native-helpers";
openAppInPlayStore('com.example.android');
openAppInAppStore('123456789');
openExternalApp('com.example.android', '123456789');
文本使用规范化
实现不同设备字体大小正常化的方法
import { normalizeText } from "@freakycoder/react-native-helpers";
fontSize: normalizeText(24),
原生数字格式使用
格式化文本编号的方法。 你可以改变每个选项.
import { numberFormat } from "@freakycoder/react-native-helpers";
<Text>{numberFormat(50319341)</Text> // Output: 50.319.341
<Text>
{numberFormat(1093495, "en", {
style: "currency",
currency: "GBP"
})}
</Text>// Output: £ 50.319.341
配置 - 道具
设备信息软件
| 财产 | 类型 | 说明 |
|---|---|---|
| 是IOS系统 | 布尔 | 返回是否为 iOS 设备 |
| 类机器人 | 布尔 | 返回是否为Android设备 |
| 列表 | 布尔 | 如果是平板电脑或电话,则返回 |
| 屏幕宽度 | 编号 | 获得设备的屏幕宽度 |
| 屏幕高度 | 编号 | 获得设备屏幕高度 |
| 屏幕比例 | 编号 | 获得设备屏幕比例 |
| 屏幕缩放 | 编号 | 获得设备的屏幕字体比例( 取决于用户的设备字体比例设置) |
| 窗口宽度 | 编号 | 获得设备的窗口宽度 |
| 窗口高度 | 编号 | 获得设备的窗口高度 |
| 窗口缩放 | 编号 | 获得设备的窗口比例 |
| 窗口缩放 | 编号 | 获得设备的窗口字体比例( 取决于用户的设备字体比例设置) |
| 平台服务器 | 编号 | 返回平台版本 |
| 屏幕明码 | 编号 | 获得设备的屏幕宽度/ 高度, 即 最低 取决于地貌或肖像模式 |
| 屏幕麦克斯 | 编号 | 获得设备的屏幕宽度/ 高度, 即 上限 取决于地貌或肖像模式 |
| 页:1 | 编号 | 获得设备的高度,但作为一个 视图端口单位 |
| 维 | 编号 | 获得设备的宽度,但作为一个 视图端口单位 |
| 维明 | 编号 | 获得设备的屏幕宽度/ 高度为 视图端口单位 它们是 最低 取决于地貌或肖像模式 |
| vmax 图像 | 编号 | 获得设备的屏幕宽度/ 高度为 视图端口单位 它们是 上限 取决于地貌或肖像模式 |
| 获取DeviceLanguage 语言 | 字符串 | 获取设备的语言( en US) |
设备信息软件
获得状态 BarH8, has Notch, has Notch Only, has Dynamic Island
| 财产 | 类型 | 说明 |
|---|---|---|
| 备忘 | 函数 | 如果设备有正弦, 返回 |
| 仅此而已 | 函数 | 返回,如果设备仅具有非曲直,则不检测设备是否有动态岛 |
| 有动态岛 | 函数 | 如果设备有动态岛,则返回 |
| 获得状态 | 编号 | 返回设备的状态栏高度 |
Utils 道具
| 财产 | 类型 | 说明 |
|---|---|---|
| 打开 AppInPlayStore | 函数( 应用程序包Name | 在 Android 或 Google Play 上打开应用程序 |
| 打开 AppInAppStore | 函数( appStoreId) | 在 ios 或 App Store 上打开应用程序 |
| 打开外部App | 函数( 应用程序包Name, appStoreId) | 在 ios 或 android 上打开应用程序 - 处理平台 |
规范文本道具
| 财产 | 类型 | 说明 |
|---|---|---|
| 常态 | 函数(数目) | 返回规范字体大小 |
自定义文本道具
| 财产 | 类型 | 说明 |
|---|---|---|
| 数字格式 | 函数( 值、 位置、 选项) | 返回带有给定参数的数字格式字体 |
路线图
自由主义字体iPhone 系列支持动态岛屿- 从设备中分离样式帮助
- 更多自定义文本助手
- 写一篇关于介质上的 lib 的文章
作者
怪人编剧, 库拉约贡@gmail.com
许可证
麻省理工学院的许可下可提供React Independent Helpers Library. 更多信息见LICENSE文件.