アンドロイドに対応するネイティブリダイレクト

Question

私は反応したネイティブアンドロイドアプリで作業しています。私はユーザーログインコンポーネントを作成し、ユーザーログイン後にページを自宅にリダイレクトしたいが、自分のコードでホームページにリダイレクトされないようにするため、ユーザーログイン後にページをリダイレクトする手助けをする。

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; 
} 

Answer 1

あなたが使用している場合は、あなたがウェブ上でのルートのようなさまざまなシーンを作成し、アプリ内で異なるコンポーネントにユーザーをリダイレクトすることができるはずネイティブルータフラックスを反応させます。

さらに詳しく述べると、

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; 

2）あなたのapp.js

import Router from './Router' 

にインポートして、プロバイダ

<Provider> 
    <Router /> 
</Provider> 

内で使用作成

3）ここをナビゲートできるシーンをインポートして呼び出すと、コンポーネント上に表示されます

import { Actions } from 'react-native-router-flux'; 

Actions.gray() 

ます。また、ここでの指示に従うことができます>https://medium.com/differential/react-native-basics-using-react-native-router-flux-f11e5128aff9

また、タブのようなさらなる実装のためのドキュメントなどhttps://github.com/aksonov/react-native-router-flux#documentation