我刚刚发现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模拟器上的结果:如何使用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/