More than 5 years have passed since last update.

[React Native] styleのPropType

Posted at 2018-12-10

React Nativeのプロジェクトにeslintを導入しました。

コンポネントのコンストラクタでこんなふうにstyleを参照していたところ、

this.props.style.width

こんなメッセージで怒られてしまいました。

ESLint: 'style.width' is missing in props validation (react/prop-types)

propsのバリデートでstyleが定義されていないよってことですね。
これを解決するにはreact-nativeからViewPropTypesをインポートして、

import { ViewPropTypes } from 'react-native'

propTypesの定義にViewPropTypes.styleを追加すればOKです。

YourComponent.propTypes = {
  style: ViewPropTypes.style
}