在AppNav中反应Material-UI和选项卡

时间:2018-11-21 14:50:32

标签: reactjs material-ui

我正在尝试设计新的主页,并且是Material-ui框架的新手。我试图弄清楚,但失败了。我尝试在Google上搜索类似问题。

我正在尝试在appnav组件上创建选项卡,但是我无法使这些选项卡浮动到appnav的底部。我希望选项卡位于右侧和底部。

<AppBar
  position="fixed"
  className={classNames(classes.appBar, {
    [classes.appBarShift]: open,
  })}
>
  <Toolbar disableGutters={!open}>
    <IconButton
      color='inherit'
      className={classNames(classes.menuButton, open && classes.hide)}
      aria-label="Menu"
      onClick={this.handleDrawerOpen}
      >
      <MenuIcon />
    </IconButton>
    <Typography color='inherit' variant="h6" style={{ flex: 1}}>
      <Link to="/">homepage title</Link>
    </Typography>
    <Grid justify='space-between' spacing={0}>
      <Grid item>
        <AppNavTabMenu/>
      </Grid>
    </Grid>
  </Toolbar>

</AppBar>

0 个答案:

没有答案