автозаполнение в реактивном стиле в пользовательском компоненте

Question

Как мне получить автозаполнение стилей в пользовательском компоненте вact-native?

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

Например, AlignItems и 'center' не заполняются автоматически.

Но если я напишу стили в View, он будет автоматически завершен.

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

И нет, я не хочу использовать Stylesheet.create ().

Answer 1

Если вы используете машинопись или Flow, вы можете набирать реквизиты компонента и получать автозаполнение по своему усмотрению

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

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

Это даст вам автозаполнение.

Answer 2

Дело в том, что style делает автозаполнение только в чистых реакционных нативных компонентах, таких как View, Text et c. Но когда дело доходит до CustomComponent React, натив не обрабатывает подобным образом, потому что вы можете передавать ему любые реквизиты с любым именем, так как у вас есть на это свобода. Например, Вы можете передать стиль как styleObject или просто как строку, поскольку это ваш собственный компонент, поэтому автоматические предложения здесь не работают в пользовательском компоненте

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

или

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

Надеюсь, вы получите суть. Не стесняйтесь сомнений