TouchableNativeFeedback

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 →

Jeśli szukasz bardziej rozbudowanego i przyszłościowego sposobu obsługi wprowadzania danych za pomocą dotyku, zapoznaj się z API Pressable.

Komponent opakowujący umożliwiający widokom prawidłowe reagowanie na dotyk (tylko Android). Na Androidzie używa natywnego drawable stanu do wyświetlania informacji zwrotnej dotyku.

Obecnie obsługuje tylko pojedyncze wystąpienie View jako węzeł potomny, ponieważ jest implementowany przez zastąpienie tego widoku inną instancją węzła RCTView z dodatkowymi ustawionymi właściwościami.

Tło drawable dla natywnej informacji zwrotnej dotyku można dostosować za pomocą właściwości background.

Przykład

---

Dokumentacja

Właściwości

Właściwości TouchableWithoutFeedback

Dziedziczy właściwości TouchableWithoutFeedback.

---

background

Określa typ drawable tła, który zostanie użyty do wyświetlenia informacji zwrotnej. Przyjmuje obiekt z właściwością type i dodatkowymi danymi w zależności od type. Zaleca się użycie jednej z metod statycznych do wygenerowania tego słownika.

Type
backgroundPropType

---

useForeground

Ustaw na true, aby dodać efekt zmarszczki do pierwszego planu widoku zamiast tła. Przydatne, gdy któryś z widoków potomnych ma własne tło lub np. wyświetlasz obrazy i nie chcesz, by zmarszczka była nimi zasłonięta.

Najpierw sprawdź TouchableNativeFeedback.canUseNativeForeground(), ponieważ jest dostępne tylko od Androida 6.0. Próba użycia na starszych wersjach spowoduje ostrzeżenie i powrót do tła.

Type
bool

---

hasTVPreferredFocus

Android

Preferowany fokus TV (patrz dokumentacja komponentu View).

Type
bool

---

nextFocusDown

Android

Następny fokus TV w dół (patrz dokumentacja komponentu View).

Type
number

---

nextFocusForward

Android

Następny fokus TV do przodu (patrz dokumentacja komponentu View).

Type
number

---

nextFocusLeft

Android

Następny fokus TV w lewo (patrz dokumentacja komponentu View).

Type
number

---

nextFocusRight

Android

Następny fokus TV w prawo (patrz dokumentacja komponentu View).

Type
number

---

nextFocusUp

Android

Następny fokus TV w górę (patrz dokumentacja komponentu View).

Type
number

Metody

SelectableBackground()

tsx

static SelectableBackground(
  rippleRadius: number | null,
): ThemeAttributeBackgroundPropType;

Tworzy obiekt reprezentujący domyślne tło elementów wybieralnych w motywie Androida (?android:attr/selectableItemBackground). Parametr rippleRadius kontroluje promień efektu zmarszczki.

---

SelectableBackgroundBorderless()

tsx

static SelectableBackgroundBorderless(
  rippleRadius: number | null,
): ThemeAttributeBackgroundPropType;

Tworzy obiekt reprezentujący domyślne tło bezramkowych elementów wybieralnych w motywie Androida (?android:attr/selectableItemBackgroundBorderless). Dostępne od API level 21+. Parametr rippleRadius kontroluje promień efektu zmarszczki.

---

Ripple()

tsx

static Ripple(
  color: ColorValue,
  borderless: boolean,
  rippleRadius?: number | null,
): RippleBackgroundPropType;

Tworzy obiekt reprezentujący drawable zmarszczki o określonym kolorze (jako ciąg znaków). Jeśli właściwość borderless ma wartość true, zmarszczka będzie renderowana poza granicami widoku (patrz np. natywne przyciski paska akcji). Ten typ tła jest dostępny od API level 21+.

Parametry:

Name	Type	Required	Description
color	string	Yes	The ripple color
borderless	boolean	Yes	If the ripple can render outside its bounds
rippleRadius	?number	No	controls the radius of the ripple effect

---

canUseNativeForeground()

tsx

static canUseNativeForeground(): boolean;