Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 针对android的React本机重定向_React Native - Fatal编程技术网

React native 针对android的React本机重定向

React native 针对android的React本机重定向,react-native,React Native,我正在开发一款react原生android应用程序。我创建了一个用户登录组件,并希望在用户登录后重定向主页上的页面,但我的代码没有重定向到主页,所以任何人都可以帮助我在用户登录后重定向页面 let response = await fetch('mysite.com/login', { method: 'POST', headers: { 'Accept': 'application/json', 'Content-Type': 'applicat

我正在开发一款react原生android应用程序。我创建了一个用户登录组件,并希望在用户登录后重定向主页上的页面,但我的代码没有重定向到主页,所以任何人都可以帮助我在用户登录后重定向页面

let response = await fetch('mysite.com/login', {
    method: 'POST',
    headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json',
    },
    body: JSON.stringify({
        user:{
            email: this.state.email,
            password: this.state.password,
        }
    })
});

let res = await response.text();
if (response.status >= 200 && response.status < 300) {
    this.redirect('home');
} else {
    let error = res;
    throw error;
} 
let response=wait fetch('mysite.com/login'{
方法:“POST”,
标题:{
“接受”:“应用程序/json”,
“内容类型”:“应用程序/json”,
},
正文:JSON.stringify({
用户:{
电子邮件:this.state.email,
密码:this.state.password,
}
})
});
let res=等待响应。text();
如果(response.status>=200&&response.status<300){
这个。重定向(“home”);
}否则{
设误差=res;
投掷误差;
} 

如果您使用react native router flux,您应该能够创建不同的场景,如web上的路由,并将用户重定向到应用程序中的不同组件

更详细地说

1) 安装插件,然后创建一个router.js

import React, { Component } from 'react';
import { Router, Scene } from 'react-native-router-flux';

import ScarletScreen from './ScarletScreen';
import GrayScreen from './GrayScreen';

const App = () => {
  return (
    <Router>
      <Scene key="root">
        <Scene key="scarlet"
          component={ScarletScreen}
          title="Scarlet"
          initial
        />
        <Scene
          key="gray"
          component={GrayScreen}
          title="Gray"
        />
      </Scene>
    </Router>
  );
}

export default App;
并在提供者内部使用它

<Provider>
   <Router />
</Provider>
您也可以按照此处的说明操作>


此外,还有标签等进一步实现的文档

如果使用react native router flux,您应该能够在web上创建不同的场景,如路由,并将用户重定向到应用程序中的不同组件

更详细地说

1) 安装插件,然后创建一个router.js

import React, { Component } from 'react';
import { Router, Scene } from 'react-native-router-flux';

import ScarletScreen from './ScarletScreen';
import GrayScreen from './GrayScreen';

const App = () => {
  return (
    <Router>
      <Scene key="root">
        <Scene key="scarlet"
          component={ScarletScreen}
          title="Scarlet"
          initial
        />
        <Scene
          key="gray"
          component={GrayScreen}
          title="Gray"
        />
      </Scene>
    </Router>
  );
}

export default App;
并在提供者内部使用它

<Provider>
   <Router />
</Provider>
您也可以按照此处的说明操作>


还有关于进一步实施的文档,如选项卡等

问题是什么?为什么不使用react-native router flux问题是什么?为什么不使用react-native router flux