React native 在自定义组件中反应本机样式自动完成

如何在react native中的自定义组件中自动完成样式

<MyCustomComponent style={{AlignItems: 'center'}}>

---

不，我不想使用Stylesheet.create（）

问题是，

style

只在纯react本地组件（如

View

，

Text

等）中进行自动建议。但是当涉及到CustomComponent React native时，它不会这样处理，因为您可以使用任何名称向它传递任何道具，因为您可以自由使用它。 例如，您可以将样式作为

styleObject

传递，也可以只传递字符串，因为它是您自己的组件，因此在自定义组件中自动建议不起作用

<CustomComp style={{flex:1}}  />

或

---

希望你明白要点。如果您使用的是typescript或Flow，您可以键入组件道具并获得所需的自动完成功能

interface IMyCustomComponentProps {
  style?: ViewStyle | TextStyle | ...
}

export class MyCustomComponent extends PureComponent<IMyCustomComponentProps> {
...
}

接口IMyCustomComponentProps{
样式？：视图样式|文本样式|。。。
}
导出类MyCustomComponent扩展了PureComponent{
...
}

---

这将为您提供自动完成功能。

这太糟糕了。在react native中，样式作为惯例用于样式。它应该自动完成。是的，我想，它应该已经处理好了，至少他们可以把它保留下来或者做些什么。

<CustomComp style="Bring me a pizza"  />

interface IMyCustomComponentProps {
  style?: ViewStyle | TextStyle | ...
}

export class MyCustomComponent extends PureComponent<IMyCustomComponentProps> {
...
}