使用ART中的组件文本时出错

Question

我目前正在使用本机ART模块，除了Text组件外，一切都很好，但是这个bug只发生在iOS，在android，一切似乎都按预期工作。

当我尝试在iOS中使用Text组件时，会出现以下错误：

Image Output Error in App

在Xcode控制台输出中：

2016-09-20 17:17:17.663 [error][tid:main][RCTConvert.m:57] Error setting property 'frame' of ARTText with tag #7: JSON value '' of type NSNull cannot be converted to NSDictionary

由于本机ART本身没有文档，我很可能没有做正确的事情，但我已经阅读了源代码，但我没有尝试过。

附加信息：

• React Native版本：0.33.0
• 平台：iOS
• 操作系统：macOS
• Xcode：8.0

RnPlay已关闭，所以我要在这里发布代码：https://jpst.it/NAac

一旦RNplay启动，我将更新这篇文章并将代码放在那里。

Answer 1

根据这个issue，我自己也有这个错误，结果你需要提供字体属性

从那里复制

<ARTText font={`13px "Helvetica Neue", "Helvetica", Arial`} fill="#000000" x={16} y={16}>Hello</ARTText>

Answer 2

您可以通过这种方式指定字体值，这适用于iOS和Android：

<ART.Text
  font={{
    fontFamily: 'Helvetica Neue',
    fontSize: 13,
  }}
  fill="#000000"
  x={16}
  y={16}
>
  Hello
</ARTText>

从source code中可以看出，其他属性包括：

• fontWeight: (number | 'bold' | 'normal')
• fontStyle: ('italic' | 'normal')