FlexBoxを使用してFlatButton内のマテリアルアイコンを整列する方法は？

Question

FlexBoxを使用してMaterial-ui FlatButton内にGoogleマテリアルアイコンを配置しようとしています。 私はいくつかの順列を試しましたが、常に同じ結果を得ました。アイコンはボタンの一番下にあります。これが材料固有の問題であるかどうかはわかりません。どのようにしてアラインメントを正しく行うことができますか

<FlatButton 
    style = {buttonStyle} 
    onClick = { 
     onIncrementClick 
    } 
    icon={<i style= {{display:'flex', alignItems:'center', verticalAlign: 'center'}} className="material-icons">keyboard_arrow_up</i>} 
    /> 

Answer 1

あなたはここにドキュメント見たことがあります - http://www.material-ui.com/#/components/flat-buttonを？

左右のフラットボタンのアイコンの例があります。右側にアイコンが表示されるコードは次のとおりです。

<FlatButton 
    label="Label before" 
    labelPosition="before" 
    primary={true} 
    style={styles.button} 
    icon={<ActionAndroid />} 
/>