【问题标题】:alignSelf: 'stretch' in iOS vs Android (aka width:100%)alignSelf:iOS 与 Android 中的“拉伸”(又名宽度:100%)
【发布时间】:2016-07-19 23:54:44
【问题描述】:

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

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

使用 RN 0.21。我知道我应该更新,但这是一个令人头疼的问题,我要留到以后……

【问题讨论】:

    标签: react-native


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-04-09
      • 2019-06-18
      • 1970-01-01
      • 2013-05-06
      • 2011-09-17
      相关资源
      最近更新 更多