我希望两个按钮排成一排,以便它们占用所有可用空间。在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
添加到按钮样式。没关系。
我想念什么?