在使用rn中使用Router实现路由时，如何通过登录页面跳转到详情页，并且详情页替换登录页

在使用React Native中实现路由跳转，可以使用React Navigation框架来进行实现。具体来说，可以通过Stack Navigator实现页面的堆栈管理，通过replace方法实现页面替换。

以下是一个示例代码，展示了如何通过登录页面跳转到详情页，并且详情页替换登录页：

import { createAppContainer, createStackNavigator } from 'react-navigation';
import LoginPage from './LoginPage';
import DetailPage from './DetailPage';

const AppNavigator = createStackNavigator({
  Login: {
    screen: LoginPage,
  },
  Detail: {
    screen: DetailPage,
  },
});

const AppContainer = createAppContainer(AppNavigator);

export default AppContainer;

在LoginPage中，可以通过NavigationProp将navigation传递进来，然后在登录成功后，通过replace方法跳转到详情页，从而替换掉登录页：

import React from 'react';
import { View, Text, Button } from 'react-native';

class LoginPage extends React.Component {
  handleLogin = () => {
    // 登录成功后跳转到详情页并替换当前页
    this.props.navigation.replace('Detail');
  };

  render() {
    return (
      <View>
        <Text>登录页</Text>
        <Button title="登录" onPress={this.handleLogin} />
      </View>
    );
  }
}

export default LoginPage;

在DetailPage中，可以通过navigation的goBack方法实现返回登录页：

import React from 'react';
import { View, Text, Button } from 'react-native';

class DetailPage extends React.Component {
  handleBack = () => {
    // 返回登录页
    this.props.navigation.goBack();
  };

  render() {
    return (
      <View>
        <Text>详情页</Text>
        <Button title="返回" onPress={this.handleBack} />
      </View>
    );
  }
}

export default DetailPage;

通过以上代码，可以实现在React Native中通过Router实现路由，从而实现页面的跳转和替换。