RN 端的 Taro.pxTransform 需要在任何地方都可使用，以便实现响应式设计

[js-newbee]

问题描述

RN 端的 Taro.pxTransform 不支持在 class 之外使用

复现步骤

const WRAP = {
  height: Taro.pxTransform(10)
}

export default class extends Component {
  render() {
    return <View style={WRAP}>
  }
}

期望行为
包含 Taro.pxTransform 的样式可写在 class 外

报错信息

undefined is not an object (evaluating '_config.designWidth')

系统信息
Taro v1.2.13

补充信息
这个是由于 Taro.initPxTransform() 晚于变量初始化，导致报错。
虽然说把样式挪到 class 内就正常了，但这个行为也导致了 RN 上不能很方便的实现响应式设计。

目前样式文件会被编译到单独的 js 文件中，

StyleSheet.create({
  "wrap": {
    "height": 100
  }
})

样式单位转成数字的话就没法适配屏幕了，如果要实现 RN 响应式设计，其实只要编译时输出 "height": Taro.initPxTransform(100) 就完事了
但由于 Taro.initPxTransform() 也晚于 StyleSheet.create()，所以这个方案就不可行了

而目前用 Taro 开发 RN 也没看到其他合适的响应式方案？只能靠声明 style 属性在运行时去处理就太麻烦了

因此，需要把 Taro.initPxTransform() 提前，在任何地方都可用，或是有其他响应式设计思路？

[taro-bot]

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

[taro-bot]

CC @Pines-Cheng

[Pines-Cheng]

有点难搞，正在搞。

[taro-bot]

CC @luckyadam

[Pines-Cheng]

8ffbc31

[Pines-Cheng]

响应式设计已独立支持，单位在编译后会被 scalePx2dp 函数包裹起来，根据设备尺寸计算。

[taro-bot]

Hello~

您的问题楼上已经有了确切的回答，如果没有更多的问题这个 issue 将在 15 天后被自动关闭。

如果您在这 15 天中更新更多信息自动关闭的流程会自动取消，如有其他问题也可以发起新的 Issue。

Good luck and happy coding~