alignSelf:iOS与Android的'拉伸'(又名宽度:100%)

时间:2016-07-19 14:36:06

标签: react-native

我正在尝试设置组件样式以拉伸视图的整个宽度。在Android中,这可以通过在组件中添加style={{alignSelf: 'stretch', width: null}}来实现,但iOS上的相同代码不执行任何操作。什么是一个好的解决方法?还知道为什么他们采取不同的行动吗?

我正在做一个应该在各种情况下工作的按钮组件,因此我们的想法是组件本身应该拉伸(如果给出了支柱),而不是触摸它周围的容器。因此,应该避免修改容器的flex属性,即使我可以使用像justifyContent这样的东西:伸展我的头顶,但为了这个目的让我们把这个选项排除在外...也因为这是一个应用程序是现在在Android上正常工作,需要移植到iOS,所以我试图做尽可能小的改动。我无法重写整个代码来解决这个问题。如果可能,我需要一个独立的解决方案......

使用RN 0.21。我知道我应该更新,但这让我很头疼,以后再保存......

1 个答案:

答案 0 :(得分:4)

您是否尝试将flex:1添加到您的组件中? 如果您的父母有任何宽度,而您的唯一孩子有弹性:1,则该儿童的宽度应为100%。