如何使用TabView在React Native中单击文本，在下一个标签中移动？

Question

我是React Native的新手。我在我的项目中使用TabView [react-native-tab-view-npm]。我声明了一个const来渲染屏幕，如：

const renderScene = SceneMap({
      signin: Sign_in,
       signup: Sign_up,
  });

并且在文本上单击时，我想跳到下一个选项卡并编写如下代码：

<Text style={style.signup_text} onPress={() => { this.props.jumpTo('signup') }}>Sing Up</Text>

它工作正常，但是当我更改代码以将导航属性传递给该选项卡的类而不是它不起作用时。代码如下：

const renderScene = SceneMap({
        signin: () => <Sign_in navigation={navigation} />,
        signup: () => <Sign_up navigation={navigation}  />,
    });

现在如何移动到下一个标签。使用以上代码jumpTo无法正常工作。希望您能理解我要解释的内容。

Answer 1

如果要向组件发送自定义道具，则必须将renderScene修改为

const renderScene = (props) => {
    switch (props.route.key) {
      case 'signin':
        return <Sign_in {...props} {...{navigation}} />;
      case 'signup':
        return <Sign_un {...props} {...{navigation}}/>;
      default:
        return null;
    }
  }