我刚刚发现NativeBase可用于 native 响应,我真的很喜欢它。我正在从他们的网站关注该教程。我知道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模拟器上的结果:
android - react-native:NativeBase如何将控件居中-LMLPHP
如何使用easy-grid在页面上垂直放置登录按钮的中心?我尝试套用flexbox属性,但没有结果。
感谢您的帮助。

最佳答案

尝试更改为此:

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

关于android - react-native:NativeBase如何将控件居中,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41193653/

10-09 01:45