React Native - Для чего используется свойство aspectRatio в макете? - PullRequest
Новая
       14

React Native - Для чего используется свойство aspectRatio в макете?

0 голосов
/ 04 декабря 2018

Я новичок в react native.Я изучаю layout свойства здесь , но я застрял, чтобы понять свойство aspectRatio, потому что его нет в CSS.Но после небольшого исследования я немного понимаю это свойство.Но я хочу изучить шаги, которые задокументированы здесь и совершенно не в моем уме, и я не могу их получить.Кто-нибудь может объяснить каждый шаг простыми словами

  • На узле (что здесь за узел?) с установленным соотношением сторон ширины / высоты, управляющим размером неустановленногоразмерность (что такое здесь не заданное измерение?)
  • На узле (что здесь за узел?) с установленным соотношением сторон на основе гибкого элемента управления управляет размером узлав поперечной оси, если не установлено
  • На узле (что здесь представляет собой узел?) с соотношением сторон функции измерения работает так, как если бы функция измерения (что здесь за функция?) измеряет базис гибкости
  • На узле (что здесь за узел?) с соотношением сторон при увеличении / уменьшении flex контролирует размер узла в поперечной оси, если не установлен
  • Соотношение сторон учитывает мин. / Макс. Размеры (что здесь за счет?)

Я буду рад всем участникам.Спасибо !!!

1 Ответ

0 голосов
/ 04 декабря 2018

Если не указано иное, "узел" в собственных спецификациях React относится к любому элементу, реализующему интерфейс Node , а иногда и к его дубликату DOM.

Каквы заметите в документации, что существует множество объектов, реализующих интерфейс Node, таких как Attr, Comment, CDATASection или Character.Однако при обращении к веб-странице термин «узел» обычно обозначает два наиболее распространенных типа узлов:

Они называются узлами , поскольку DOM обычно ассоциируется с моделью дерева, в которой каждыйДочерний элемент представлен как ветвление (узел), который может иметь последующие дочерние элементы.

aspect-ratio - это спецификация CSS @media, определяемая как соотношение между widthи height.В медиа-запросах это относится к width и height области просмотра, но также обычно используется при обращении к любому медиа-элементу (изображениям, видео, ...).

Что касается соотношения сторон, то общепринятые термины:

  • landscape элемент с width больше height
  • portraitэлемент с height больше width
  • square элемент с равными height и width

Реагирует нативно реализуетaspectRatio как нестандартное свойство "узлов" (не из области просмотра), определяемое как число, позволяющее зафиксировать соотношение между width и height на месте,

Когда вы установите aspectRatio и один из width и height, он будет рассчитывать другой на основе значения aspectRatio.
Значение aspectRatio 2 будет пытатьсяразмер узла, имеющий height в два раза меньше width и значение .2, приведет к тому, что узел будет в height 5 раз больше width.

Для дальнейшего использования, когда вы обнаружите, что существующая документация React Native неоднозначна или просто недостаточна, лучше всего искать разъяснения:

  • MDN - дружественная, но всеобъемлющая библиотека по всем вопросам Интернета, курируемая черезсовместные усилия как крупных команд (Mozilla, Google, Microsoft, Facebook и W3C), так и отдельных веб-разработчиков.
  • стандарты W3C.Это то, что обычно называют «официальным стандартом» или «стандартом спецификации».

Поскольку веб состоит из множества различных технологий, W3C может быстро превратиться в ошеломляющее.Однако страницы MDN всегда содержат ссылки на соответствующие стандарты, где это применимо.

Примечание: не путайте W3C (Консорциум World Wide Web ) дляw3schools.Последний является частным сайтом, пытающимся монетизировать трафик, созданный разработчиками в поисках «официального стандарта».Несколько безобидный тик.

...