material-ui-nextを使用してmaterial-ui appbarを使用して右または左に浮動させる正しい方法は何ですか？

Question

material-ui-next（ "material-ui"： "^ 1.0.0-beta.22"）を使用してログイン/ログアウトボタンを右に浮かべる正しい方法を使用しているかどうかはわかりません"、）

apierからiconElementRight=が削除されたようです。 Appbarで<Grid>を使用する必要がありますか？それはクールジーの種類を感じる。 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> 

Answer 1

あなたはそれがアプリケーションバーの右端の部分に<div />をプッシュして、あなたの<Typography />コンポーネントにflex: 1を追加する必要があります。

<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>