React-navigation、tintColorが小道具の検証にありません

Question

自分の反応ナビゲーションコードを別のRoutesファイルに入れました。これを私のApp.jsファイルにインポートします。

ルート：すべてが正常に動作しているが、私はアトム/核種でAirbnb ESLintの設定を使用してtintColorとエラーを取得しています...

は

はこれを試し「tintColorは、小道具の検証に欠けています」 .propTypes = {tintColor：PropTypes.string.isRequired、}

しかし、その後、取得エラー "tintColor PropTypeが定義されていますが、小道具は使用されることはありません"

これは、あなたの主成分で、追加のFunctional Componentを作成し、それをPropTypesを追加して使用することができ、コード

const Routes =() = { 
const ContentNavigator = TabNavigator(
{ 
    Profile: { screen: ProfileStack }, 
    History: { screen: HistoryStack }, 
    Questions: { 
    screen: QuestionsStack, 
    navigationOptions: { 
     tabBarIcon: ({ tintColor }) => (
     <Icon name="question-circle" type="font-awesome" size={20} color= 
{tintColor} /> 
    ), 
    }, 
    }, 
    Notifications: { screen: NotificationsStack }, 
}, 
{ 
    initialRouteName: 'Profile', 
    swipeEnabled: true, 
    tabBarOptions: { 
    activeTintColor: COLOR_PRIMARY, 
    }, 
    backBehavior: 'none', 
}); 

Answer 1

の一部です。たとえば、

... 
import PropTypes from 'prop-types'; 
... 

const QuestionsTabBarIcon = ({ tintColor }) => (
    <Icon name="question-circle" type="font-awesome" size={20} color={tintColor} /> 
); 
QuestionsTabBarIcon.propTypes = { 
    tintColor: PropTypes.string.isRequired, 
}; 

... 

const ContentNavigator = TabNavigator(
    { 
    Profile: { screen: ProfileStack }, 
    History: { screen: HistoryStack }, 
    Questions: { 
     screen: QuestionsStack, 
     navigationOptions: { 
     tabBarIcon: QuestionsTabBarIcon 
     }, 
    }, 
    Notifications: { screen: NotificationsStack }, 
    }, 
    { 
    initialRouteName: 'Profile', 
    swipeEnabled: true, 
    tabBarOptions: { 
     activeTintColor: COLOR_PRIMARY, 
    }, 
    backBehavior: 'none', 
    } 
); 

...