React-Native Button拉伸

时间:2018-11-05 13:15:06

标签: css react-native flexbox

我希望两个按钮排成一排,以便它们占用所有可用空间。在Android上,看起来不错,但iOS按钮的宽度包裹在按钮“内容”周围。我设法在iOS上更改此设置的唯一方法是通过传递道具宽度。但是,我宁愿使用具有增长和收缩功能的正常工作的Flexbox,就像我需要的那样。

Buttons<View/>内部。使用react-devtools检查了我的CSS。容器确实是RCTView,具有以下样式:

{
  padding: 20;
  flexDirection: row;
  justifyContent: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

在它的内部,立即有我的按钮,它们具有样式:

{
  height: 45;
  flex: 1;
  backgroundColor: #c1c7d6;
  marginRight: 10;
}

{
  height: 45;
  flex: 1;
  marginLeft: 10;
}

我还尝试将alignSelf: stretch添加到按钮样式。没关系。

我想念什么?

0 个答案:

没有答案