我正在使用 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"