react-nativeでアプリを作成し、ルーティングに react-native-router-fluxも使用しています。ファイルにこのコードがあり、クリックするとアクションrouter.js
をトリガーするボタンを右側に追加しようとしています。sayHello
const CoinImg = () => {
return (
<View>
<Image style={{width:20, height:20}} source={require('./myyImage.png')}/>
</View>
);
};
<Scene
onRight={() => Actions.sayHello()}
renderRightButton={() => { return <CoinImg />; }}
key="firstComponent"
component={FirstComponent}
title=" "
/>
上記のコードは右側に画像を正しく表示できますが、その画像をクリックしても何も起こりません (アクション sayHello() はトリガーされません)。代わりに、次のコードがある場合、アクションがトリガーされます。
<Scene
onRight={() => Actions.sayHello()}
rightTitle="Print Hello"
key="SecondComponent"
component={SecondComponent}
renderTitle={() => { return <CoinImg />; }}
/>
依存関係のバージョン:
"react": "15.3.2",
"react-native": "0.34.1",
"react-native-router-flux": "^3.35.0"