反应本地flex问题:如何拉伸包裹的物品?

时间:2019-06-09 21:19:17

标签: css reactjs react-native flexbox native-base

我想实现以下目标:

enter image description here

我正在使用名为mySheet.Columns[2].Delete()的模块
整个内容都包裹在react-native-easy-grid
中 与:
蓝线Grid
红线Col
橙色线Row

到目前为止,这是我的代码:

View

但是这就是我得到的: enter image description here

将包裹的按钮拉伸到宽度的100%是什么方法?

谢谢!

1 个答案:

答案 0 :(得分:0)

使用flex或将宽度设置为100%

<View style={{ marginVertical: 10, flex: 1 }}>
  <Button
    small
    iconRight
    primary
    block
    disabled={inReviewCount === 0}>
    <Text>Review</Text>
    <Icon name='arrow-forward' />
  </Button>
</View>