`flex display 'を使って2つのボタンを分離する方法。

Question

flex displayを使用して2つのボタンを分離したいと考えています。

今、私はreactを使用しています。

const style = { 
     textAreaStyle: { 
     width:'700' 
     }, 
     buttonFatherStyle:{ 
     display:'flex', 
     display:"-webkit-flex", 
     flexWrap: 'wrap', 
     justifyContent:'around', 
     backgroundColor:'red', 
     } 
    } 

私jsx：

  <div style={style.buttonFatherStyle}> 
      <FlatButton style={{backgroundColor:'blue'}} type="submit" disabled={pristine || submitting}> submit </FlatButton> 
      <FlatButton style={{backgroundColor:'green'}} type="button" disabled={pristine || submitting} onClick={reset}> Clear 
      </FlatButton> 
      </div> 

私のコードは動作しません。あなたは試してみてください

facebook.github.io/react-native/docs/flexbox.html 

：

justifyContent: 'space-between' 

あなたはあまりにもmarginRightとmarginLeftで遊ぶことができます

Answer 1

を試してみてください。 希望を助けてください

Answer 2

は、このコードのドキュメントとして

flatbutton { 
    flex-basis: 50%; 
    text-align: center; 
}