小编the*_*alo的帖子

如何在 Ion React 中结合侧边菜单和标签导航

我在 ionic react 应用程序中有一个选项卡导航页面,我想向该页面添加一个侧边菜单,我知道我必须使用 IonMenu 组件,但我正在努力将两者合并。这是我的代码,指示我如何实现标签导航:

import React, { Component } from "react";
 import {
  IonIcon,
  IonLabel,
  IonRouterOutlet,
  IonTabBar,
  IonTabButton,
  IonTabs,
} from "@ionic/react";

import { Redirect, Route } from "react-router-dom";
import { IonReactRouter } from "@ionic/react-router";
import { home, at, albums,addCircleOutline } from "ionicons/icons";

import Tab1 from "./Tab1";
import Tab2 from "./Tab2";
import Tab3 from "./Tab3";
import Tab4 from "./Tab4";

class Home extends Component {
  render() {
    return (
      <IonReactRouter>
        <IonTabs>
          <IonRouterOutlet>
            <Route path="/tab1" component={Tab1} exact={true} />
            <Route path="/tab2" …
Run Code Online (Sandbox Code Playgroud)

reactjs ionic-framework ionic-react

0
推荐指数
1
解决办法
2449
查看次数

标签 统计

ionic-framework ×1

ionic-react ×1

reactjs ×1