0

我是新手react native。我正在探索这里layout的属性，但我坚持理解该属性，因为它不存在于. 但是在做了一些研究之后，我对这个属性有了一点了解。但我想学习这里记录的步骤，完全不在我的脑海中，无法得到它们。谁能用简单的话解释每一步aspectRatioCSS

  • 在具有设置宽度/高度纵横比的节点（这里的节点是什么？）上，控制未设置尺寸的大小（这里的未设置尺寸是什么？）
  • 在具有设置 flex 基础纵横比的节点（这里的节点是什么？）上，如果未设置，则控制节点在交叉轴上的大小
  • 在具有测量函数纵横比的节点（这里的节点是什么？）上，就像测量函数（这里的函数是什么？）测量弹性基础一样
  • 在具有 flex 增长/收缩纵横比的节点（这里的节点是什么？）上，如果未设置，则控制交叉轴上节点的大小
  • 纵横比考虑了最小/最大尺寸（这里的帐户是什么？）

我会很高兴所有的贡献者。谢谢 ！！！

4

1 回答 1

5

除非另有说明，否则React 原生规范中的“节点”指的是任何实现Node接口的元素，有时指的是它的影子 DOM 对应物。

正如您将在文档中注意到的那样，有很多对象实现了 Node 接口，例如 Attr、Comment、CDATASection 或 Character。然而，当提到一个网页时，术语“节点”通常指的是两种最常见的节点类型：

它们被称为节点，因为DOM通常与树模型相关联，其中每个子元素都表示为可以具有后续子元素的分支（节点）。

纵横比是 CSS @media 规范，定义为 和 之间width的比率height。在媒体查询中，它指的是视口的widthand height，但它也常用于指代任何媒体元素（图像、视频等）。

关于纵横比，普遍接受的术语是：

  • landscapewidth大于的元素height
  • portraitheight大于的元素width
  • squareheight一个等于和的元素width

React 本机实现aspectRatio为“节点” （不是视口）的非标准属性，定义为数字，允许锁定之间的比率。widthheight

当您设置aspectRatio其中之一时width，height它将根据该aspectRatio值计算另一个。
的aspectRatio值2将尝试使用height比 小两倍的节点来调整节点的大小，width而 的值.2将导致节点的height比 大 5 倍 width。

为了将来参考，每当您发现现有的 React Native 文档模棱两可或过于稀缺时，寻找说明的最佳位置是：

  • MDN - 一个友好而全面的网络库，由大型团队（Mozilla、谷歌、微软、Facebook 和 W3C）以及个人网络开发人员共同策划。
  • W3C 标准。这就是通常所说的“官方标准”或“标准规范”。

由于 Web 由多种不同的技术组成，W3C 很快就会变得势不可挡。但是，MDN 页面始终包含指向相关标准的链接（如果适用）。

注意：不要将 W3C（万维网联盟）误认为是 w3schools。后者是一个私人网站，试图通过开发者为寻找“官方标准”而产生的流量获利。有点无害的蜱虫。

于 2018-12-04T13:26:06.247 回答