react-native：NativeBaseコントロールを中央に揃える方法

Question

NativeBaseを反応ネイティブで発見したばかりで、本当に大好きです。私は彼らのウェブサイトからチュートリアルに従っています。 NativeBaseはレイアウトにEasy-Gridを使用していることを理解しています。私は、私のページにボタンを垂直に配置したいと思います。これは私が構築していますテストアプリケーションのためのシンプルなインターフェイスです：

  <Container> 
       <Header> 
        <Button trnsparent> 
         <Icon name='ios-menu' /> 
        </Button> 

        <Title>Poki</Title> 

       </Header> 

       <Content style={{padding: 10}}> 

        <Grid> 
         <Col> 
          <Button block bordered info style={{flex: 1}}>       
           Login 
          </Button> 
         </Col> 
        </Grid> 


       </Content> 

       <Footer> 
        <FooterTab> 
         <Button transparent> 
          <Icon name='ios-call' /> 
         </Button> 
        </FooterTab> 
       </Footer> 
      </Container> 

そして、これは私のgenymotionエミュレータ上の結果である：私は垂直イージー使用して自分のページ上のログインボタンを中央にするにはどうすればよい

グリッド？フレックスボックスプロパティを適用しないようにしました。

ありがとうございました。

Answer 1

これに変更してみてください：

<Content contentContainerStyle={{flex: 1}} style={{padding: 10}}> 
    <Grid style={{alignItems: 'center'}}> 
    <Col> 
     <Button block bordered info> 
     Login 
     </Button> 
    </Col> 
    </Grid> 
</Content>