使用 React Native 变量来调用方法

Question

我想知道是否有办法使用变量调用反应本机组件的方法，这是我在教程中没有看到的。例如：

var navigate = <Navigator
    initialRoute={{ title: 'Awesome Scene', index: 0 }}
    renderScene={(route, navigator) =>
      <Text>Hello {route.title}!</Text>
    }
    style={{padding: 100}}
  />

如何使用"navigate"变量来调用像jumpForward（）这样的方法。

Answer 1

你需要使用refs的概念。您可以将 ref 分配给 react 组件并调用其方法。例

class MyApp extends Component {
  onButtonClicked{
    this.navRef.jumpForward();
  }
  render() {
    return(
      <Navigator
        ref={navRef => this.navRef = navRef}
        initialRoute={{ title: 'Awesome Scene', index: 0 }}
        renderScene={(route, navigator) =>
        <Text>Hello {route.title}!</Text>
        }
       style={{padding: 100}}
      />
    );
  }
}

更多关于 https://facebook.github.io/react/docs/refs-and-the-dom.html 的参考文献