フローを使用して反応するネイティブプロップタイプを使用する

Question

を定義する正しい方法はプロタイプをで表します。反応ネイティブ？私はいくつかのガイドラインを探しています。

// @flow 

import React from 'react'; 
import { TouchableOpacity, Image, StyleSheet } from 'react-native'; 

type Props = { 
    style?: StyleSheet.Styles, 
    onPress:() => mixed, 
    source: Image.propTypes.source 
}; 

const IconButton = (props: Props) => (
    <TouchableOpacity onPress={props.onPress}> 
    <Image style={props.style} source={props.source} /> 
    </TouchableOpacity> 
); 

IconButton.defaultProps = { 
    style: {} 
}; 

export default IconButton;私はそれが一例として、このようなものです使用方法

：

<IconButton 
    onPress={()=>{}} 
    style={this.props.style} 
    source={require('./assets/images/circle.png')} 
/> 

Answer 1

流れと、あなたは必ずしもPropTypesを必要としない - の流れはあなたのためのチェック入力タイプの世話をします。

ただし、PropTypeが生成する実行時の警告が必要な場合は、babel-plugin-flow-react-proptypes Babelプラグインを使用して、フローPropsの型定義に基づいて自動的にPropTypeを生成できます。