@tarojs/runtime-rn 3.5.0-beta.6 → 3.5.0-beta.7

package/dist/index.js

@@ -4,5 +4,6 @@ export { Current, getCurrentInstance } from './current';
 export * from './emmiter';
 export * from './hooks';
 export { createPageConfig, getCurrentPages, pageScrollTo, setBackgroundColor, setBackgroundTextStyle, startPullDownRefresh, stopPullDownRefresh } from './page';
+export { scalePx2dp, scaleVu2dp } from './scale2dp';
 export { hideNavigationBarLoading, hideTabBar, hideTabBarRedDot, navigateBack, navigateTo, redirectTo, reLaunch, removeTabBarBadge, setNavigationBarColor, setNavigationBarTitle, setTabBarBadge, setTabBarItem, setTabBarStyle, showNavigationBarLoading, showTabBar, showTabBarRedDot, switchTab } from '@tarojs/router-rn';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,MAAM,EACP,MAAM,OAAO,CAAA;AACd,OAAO,EACL,WAAW,EACZ,MAAM,WAAW,CAAA;AAClB,OAAO,EACL,OAAO,EACP,kBAAkB,EACnB,MAAM,WAAW,CAAA;AAClB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,YAAY,EACZ,kBAAkB,EAClB,sBAAsB,EACtB,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,QAAQ,CAAA;AACf,OAAO,EACL,wBAAwB,EACxB,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,UAAU,EACV,QAAQ,EACR,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,aAAa,EACb,cAAc,EACd,wBAAwB,EACxB,UAAU,EACV,gBAAgB,EAChB,SAAS,EACV,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,MAAM,EACP,MAAM,OAAO,CAAA;AACd,OAAO,EACL,WAAW,EACZ,MAAM,WAAW,CAAA;AAClB,OAAO,EACL,OAAO,EACP,kBAAkB,EACnB,MAAM,WAAW,CAAA;AAClB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,YAAY,EACZ,kBAAkB,EAClB,sBAAsB,EACtB,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,QAAQ,CAAA;AACf,OAAO,EACL,UAAU,EACV,UAAU,EACX,MAAM,YAAY,CAAA;AACnB,OAAO,EACL,wBAAwB,EACxB,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,UAAU,EACV,QAAQ,EACR,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,aAAa,EACb,cAAc,EACd,wBAAwB,EACxB,UAAU,EACV,gBAAgB,EAChB,SAAS,EACV,MAAM,mBAAmB,CAAA"}

package/dist/scale2dp.js

@@ -0,0 +1,18 @@
+import { Dimensions } from 'react-native';
+// 一般app 只有竖屏模式，所以可以只获取一次 width
+const deviceWidthDp = Dimensions.get('window').width;
+const deviceHeightDp = Dimensions.get('window').height;
+const uiWidthPx = 375;
+export function scalePx2dp(uiElementPx) {
+    return uiElementPx * deviceWidthDp / uiWidthPx;
+}
+export function scaleVu2dp(uiElementPx, unit) {
+    if (unit === 'vh')
+        return uiElementPx * deviceHeightDp / 100;
+    if (unit === 'vmax')
+        return uiElementPx * Math.max(deviceWidthDp, deviceHeightDp) / 100;
+    if (unit === 'vmin')
+        return uiElementPx * Math.min(deviceWidthDp, deviceHeightDp) / 100;
+    return uiElementPx * deviceWidthDp / 100;
+}
+//# sourceMappingURL=scale2dp.js.map

package/dist/scale2dp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scale2dp.js","sourceRoot":"","sources":["../src/scale2dp.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,+BAA+B;AAC/B,MAAM,aAAa,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAA;AACpD,MAAM,cAAc,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAA;AACtD,MAAM,SAAS,GAAG,GAAG,CAAA;AAErB,MAAM,UAAU,UAAU,CAAE,WAAW;IACrC,OAAO,WAAW,GAAG,aAAa,GAAG,SAAS,CAAA;AAChD,CAAC;AACD,MAAM,UAAU,UAAU,CAAE,WAAW,EAAE,IAAI;IAC3C,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,WAAW,GAAG,cAAc,GAAG,GAAG,CAAA;IAC5D,IAAI,IAAI,KAAK,MAAM;QAAE,OAAO,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,cAAc,CAAC,GAAG,GAAG,CAAA;IACvF,IAAI,IAAI,KAAK,MAAM;QAAE,OAAO,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,cAAc,CAAC,GAAG,GAAG,CAAA;IACvF,OAAO,WAAW,GAAG,aAAa,GAAG,GAAG,CAAA;AAC1C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/runtime-rn",
-  "version": "3.5.0-beta.6",
+  "version": "3.5.0-beta.7",
   "description": "taro-runtime-rn",
   "main": "dist/index.js",
   "types": "./src/index.ts",
@@ -20,8 +20,8 @@
     "url": "https://github.com/NervJS/taro/issues"
   },
   "dependencies": {
-    "@tarojs/components-rn": "3.5.0-beta.6",
-    "@tarojs/router-rn": "3.5.0-beta.6",
+    "@tarojs/components-rn": "3.5.0-beta.7",
+    "@tarojs/router-rn": "3.5.0-beta.7",
     "react-native-root-siblings": "^4.1.1"
   },
   "devDependencies": {

package/src/index.ts

@@ -20,6 +20,10 @@ export {
   startPullDownRefresh,
   stopPullDownRefresh
 } from './page'
+export {
+  scalePx2dp,
+  scaleVu2dp
+} from './scale2dp'
 export {
   hideNavigationBarLoading,
   hideTabBar,

package/src/scale2dp.tsx

@@ -0,0 +1,16 @@
+import { Dimensions } from 'react-native'
+
+// 一般app 只有竖屏模式，所以可以只获取一次 width
+const deviceWidthDp = Dimensions.get('window').width
+const deviceHeightDp = Dimensions.get('window').height
+const uiWidthPx = 375
+
+export function scalePx2dp (uiElementPx) {
+  return uiElementPx * deviceWidthDp / uiWidthPx
+}
+export function scaleVu2dp (uiElementPx, unit) {
+  if (unit === 'vh') return uiElementPx * deviceHeightDp / 100
+  if (unit === 'vmax') return uiElementPx * Math.max(deviceWidthDp, deviceHeightDp) / 100
+  if (unit === 'vmin') return uiElementPx * Math.min(deviceWidthDp, deviceHeightDp) / 100
+  return uiElementPx * deviceWidthDp / 100
+}