设置路由器跳转

最新推荐文章于 2024-02-26 08:00:00 发布

史蒂芬啊

最新推荐文章于 2024-02-26 08:00:00 发布

阅读量728

点赞数

CC 4.0 BY-SA版权

文章标签： RN小项目

本文链接：https://blog.youkuaiyun.com/qq_42832884/article/details/82731935

本文介绍了一个使用React Native创建导航的应用实例。通过导入并利用`react-navigation`库中的`createStackNavigator`来实现页面间的堆栈式导航。具体展示了如何定义两个导航条目：主导航条TopNav和详情页Detail。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import React, { Component } from "react";
import { View, Text } from "react-native";
import { createStackNavigator } from "react-navigation"; // 导入路由器
import TopNav from "./TopNav";
import Detail from "./Detail";
const LuYou = createStackNavigator({
  TopNav: {
    screen: TopNav,
    navigationOptions: {
      header: null
    }
  },
  Detail: Detail
});
export default class Home extends Component {
  render() {
     return <LuYou/>      // 项目的index.js必须先运行路由器
  }
}