我正在使用facebook登录制作一个本机ios应用程序,现在需要在所有其他屏幕上检索结果数据。
我有树屏幕:
登录包含loginButton巫婆,并在控制台中返回用户public_profile。
Main包含一个stacknavigator并导入其他屏幕
配置文件是我要打印登录用户名称的地方,img ect。
问题是当onLoginFinished成功时,它会返回结果中的用户信息,但如何在其他屏幕上抓取它?
它看起来像我需要的GraphRequestManager和infoRequest,但无法弄清楚如何去做。
Main.js
'use-strict';
var React = require('react');
window.React = React;
import {AppRegistry, Text} from 'react-native';
import { StackNavigator } from 'react-navigation';
//login screen
import Login from './Login'
//profile screen
var Profile = require('./Profile.js');
const skatebayApp = StackNavigator({
Login: {screen: Login},
Profile: {screen: Profile},
},{
headerMode: 'screen',
});
AppRegistry.registerComponent('skatebayApp', () => skatebayApp);
Login.js
'use-strict';
import React, { Component } from 'react';
import {
Text,
View,
TouchableHighlight,
Image,
} from 'react-native';
const FBSDK = require('react-native-fbsdk');
const {
LoginButton,
AccessToken,
GraphRequest,
GraphRequestManager,
} = FBSDK;
export default class Login extends Component{
render(){
return(
<LoginButton
onLoginFinished={
(error, result) => {
if (error) {
alert("login has error: " + result.error);
} else if (result.isCancelled) {
alert("login is cancelled.");
} else {
AccessToken.getCurrentAccessToken().then((data) => {
let accessToken = data.accessToken
const responseInfoCallback = (error, result) => {
if (error) {
console.log(error)
alert('Error fetching data: ' + error.toString());
} else {
console.log(result)
}
}
const infoRequest = new GraphRequest(
'/me',
{
accessToken: accessToken,
parameters: {
fields: {
string: 'email,name,first_name,last_name,picture'
}
}
},
responseInfoCallback,
console.log(result)
);
new GraphRequestManager().addRequest(infoRequest).start()
})
}
}
} onLogoutFinished={() => console.log('signed out')}/>
);
}
}
Profile.js - 这是我想抓住用户信息并打印出来的地方
'use-strict';
import React, { Component } from 'react';
import {
AppRegistry,
Text,
View,
Image,
} from 'react-native';
import { StackNavigator } from 'react-navigation';
class Profile extends React.Component {
render() {
return (
<View>
<Text>Username & other info here</Text>
</View>
);
}
}
module.exports = Profile;
希望它有任何意义,我对原生的反应很新。
答案 0 :(得分:0)
将用户详细信息存储在asyncstorage中,之后您可以从任何屏幕访问它。 您可以在https://facebook.github.io/react-native/docs/asyncstorage.html
找到更多详细信息