77

material-ui-next ("material-ui": "^1.0.0-beta.22", )

彼らiconElementRight=はAPIから削除されたようです。<Grid>アプリバーで nowを使用する必要がありますか? ゴツゴツした感じです。appbar でボタン (ログインなど) をフロートさせる正しい方法は何ですか?

<AppBar position="static">
      <Toolbar>
        <Grid container spacing={24}>
          <Grid item xs={11}>
            <Typography type="title" color="inherit">
              Title
            </Typography>
          </Grid>

          <Grid item xs={1}>
            <div>
              <HeartIcon />
              <Button raised color="accent">
                Login
              </Button>
            </div>
          </Grid>
        </Grid>
      </Toolbar>
    </AppBar>

ここに画像の説明を入力

4

3 に答える 3

60

コンポーネントに追加flex: 1して、AppBar の右端にプッシュする必要があります。<Typography /><div />

<AppBar position="static">
  <Toolbar>
    <Typography type="title" color="inherit" style={{ flex: 1 }}>
      Title
    </Typography>
    <div>
      <HeartIcon />
      <Button raised color="accent">
        Login
      </Button>
    </div>
  </Toolbar>
</AppBar>
于 2017-12-07T05:41:04.967 に答える