无法触发点击操作 - react-native-router-flux

时间:2017-01-08 13:27:55

标签: reactjs react-native react-native-router-flux

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

0 个答案:

没有答案