Question

我想知道在按下＆＃34;继续＆＃34;之后如何导航到下一页。（查看图片）。我目前正在使用下面的代码，但它给了我一个错误＆＃34;无法读取属性＆＃39;导航＆＃39;未定义＆＃34;

  fbAuth() {
        LoginManager.logInWithReadPermissions(['public_profile']).then(function(result){
          if (result.isCancelled){
            console.log('Login Cancelled')
          } else {
            this.props.navigation.navigate('Home')
          }
        }, function(error){
          console.log('Error occurred' + error);
        })
      }

我的渲染功能是下面的代码（带图像的TouchableHighlight＆＃34; Button.png＆＃34;是登录窗口弹出的Facebook登录按钮）

render() {
    return (
      <View style={styles.container}>
        <StatusBar
          barStyle="light-content"/>
        <TouchableHighlight onPress={this.fbAuth}
          underlayColor="white">
          <Image style={{width: 218, height: 37}}
            source={require('../../images/Button.png')}/>
        </TouchableHighlight>
        <Image style={styles.orLine}
          source={require('../../images/OrLine.png')}/>
        <TouchableHighlight onPress={() => this.props.navigation.navigate('Signin')}
          underlayColor="white">
          <Image style={{width: 60, height: 20}}
            source={require('../../images/SignInButton.png')}/>
        </TouchableHighlight>
        <Image style={styles.toolBar}
          source={require('../../images/ToolBar.png')}/>
        <TouchableHighlight onPress={() => this.props.navigation.navigate('Signup')} underlayColor="white"
          style={styles.signUpButton}>
        <Image style={styles.signUpButton}
          source={require('../../images/SignUpButton.png')}/>
        </TouchableHighlight>
      </View>
    );
  }
}

当弹出登录窗口时，如何更改状态栏barStyle？（这样当窗口关闭时，它会变回原来的barStyle）。非常感谢你。

Answer 1

关闭您发布的错误消息，问题是正确的“this”对象未被传递到您的第一个“TouchableHighlight”组件中的“fbAuth”函数。将函数直接作为输入传递给“onPress”或其他事件处理程序时会发生这种情况。要传递正确的“this”对象，您可以使用箭头表示法使用匿名函数，就像您在其他“onPress”函数中所做的那样。

Facebook登录后导航

1 个答案: