Fatal编程技术网
  • react-native/
  • React native 如何使静态大小的组件服从瑜伽布局？

React native 如何使静态大小的组件服从瑜伽布局？

react-native layout

React native 如何使静态大小的组件服从瑜伽布局？,react-native,layout,React Native,Layout,看看库：标志组件有三个支柱宽度、高度和大小。后者定义为： 从默认宽度、高度缩放 因此，似乎该组件只能静态调整大小。我们必须设置一个固定的宽度或高度，或者一个size参数，它只是默认宽度和高度的比例 如何根据瑜珈布局引擎的规则缩放此组件？ 例如，假设标志设置为flex:1，父组件有一个maxWidth:40道具，我只希望标志组件通过获得正好40的宽度来填充父组件，就像任何其他具有flex:1的组件一样。但这根本不起作用，标志以其默认大小（210宽度）显示 我尝试了以下方法： 将父项的justif

看看库：
标志
组件有三个支柱
宽度
、
高度
和
大小
。后者定义为：

从默认宽度、高度缩放

因此，似乎该组件只能静态调整大小。我们必须设置一个固定的宽度或高度，或者一个
size
参数，它只是默认宽度和高度的比例

如何根据瑜珈布局引擎的规则缩放此组件？

例如，假设
标志
设置为
flex:1
，父组件有一个
maxWidth:40
道具，我只希望
标志
组件通过获得正好
40
的宽度来填充父组件，就像任何其他具有
flex:1
的组件一样。但这根本不起作用，
标志
以其默认大小（210宽度）显示

我尝试了以下方法：

  • 将父项的
    justify contents
    和
    alignItems
    设置为
    拉伸
    ，将
    标志的样式设置为
    弹性：1
    。没有影响，图像的大小保持不变
  • 将标志的
    width
    prop设置为
    100%
    ，而不是数字值。得到一个错误
如果这是该库的一个无法轻松解决的问题：是否有一种方法可以将
缩放
变换
样式应用于
标志
（或容器），以便缩放值恰好成为
标志
适应布局所需的值？这样，
标志就可以有它的静态大小，但看起来就像是在考虑布局一样