Węzły elementów

Nieoficjalne Tłumaczenie Beta

Ta strona została przetłumaczona przez PageTurner AI (beta). Nie jest oficjalnie zatwierdzona przez projekt. Znalazłeś błąd? Zgłoś problem →

Węzły elementów reprezentują natywne komponenty w drzewie widoków natywnych (podobnie jak węzły Element w środowisku webowym).

Są udostępniane przez wszystkie natywne komponenty oraz wiele wbudowanych komponentów poprzez referencje (refs):

informacja

Pamiętaj, że niektóre wbudowane komponenty pełnią jedynie rolę kontenerów dla innych komponentów (w tym natywnych). Na przykład, ScrollView wewnętrznie renderuje natywny widok przewijania oraz natywny widok, które są dostępne poprzez referencję (ref) za pomocą metod takich jak getNativeScrollRef() i getInnerViewRef().

---

Dokumentacja

API zgodne z webem

Z interfejsu HTMLElement:

• Właściwości

  • offsetHeight
  • offsetLeft
  • offsetParent
  • offsetTop
  • offsetWidth

• Metody

  • blur().
  • focus().
    • ⚠️ Parametr options nie jest obsługiwany.

Z interfejsu Element:

• Właściwości

  • childElementCount
  • children
  • clientHeight
  • clientLeft
  • clientTop
  • clientWidth
  • firstElementChild
  • id
    • ℹ️ Zwraca wartość właściwości id lub nativeID.
  • lastElementChild
  • nextElementSibling
  • nodeName
  • nodeType
  • nodeValue
  • previousElementSibling
  • scrollHeight
  • scrollLeft
    • ⚠️ W przypadku wbudowanych komponentów, tylko instancje ScrollView mogą zwrócić wartość różną od zera.
  • scrollTop
    • ⚠️ W przypadku wbudowanych komponentów, tylko instancje ScrollView mogą zwrócić wartość różną od zera.
  • scrollWidth
  • tagName
    • ℹ️ Zwraca znormalizowaną nazwę natywnego komponentu z prefiksem RN:, np. RN:View.
  • textContent

• Metody

  • getBoundingClientRect()
  • hasPointerCapture()
  • setPointerCapture()
  • releasePointerCapture()

Z interfejsu Node:

• Właściwości

  • childNodes
  • firstChild
  • isConnected
  • lastChild
  • nextSibling
  • nodeName
  • nodeType
  • nodeValue
  • ownerDocument
    • ℹ️ Zwróci instancję dokumentu w której wyrenderowano ten komponent.
  • parentElement
  • parentNode
  • previousSibling
  • textContent

• Metody

  • compareDocumentPosition()
  • contains()
  • getRootNode()
    • ℹ️ Zwróci referencję do samego siebie jeśli komponent nie jest zamontowany.
  • hasChildNodes()

Starsze API

• measure()

• measureInWindow()

• measureLayout()

• setNativeProps()