Przejdź do treści głównej

ImageBackground

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 →

Częstym zapytaniem od programistów pochodzących ze środowiska webowego jest funkcjonalność background-image. Aby zaimplementować ten przypadek użycia, możesz wykorzystać komponent <ImageBackground>, który przyjmuje te same właściwości (props) co <Image>, i dodać dowolne elementy potomne, które chcesz umieścić na wierzchu tego tła.

W niektórych sytuacjach możesz nie chcieć używać <ImageBackground>, ponieważ jego implementacja jest dość podstawowa. Więcej szczegółów znajdziesz w kodzie źródłowym komponentu <ImageBackground>. W razie potrzeby możesz utworzyć własny, dostosowany komponent.

Pamiętaj, że musisz określić atrybuty stylu dotyczące szerokości (width) i wysokości (height).

Przykład


Dokumentacja

Właściwości

Właściwości komponentu Image

Dziedziczy właściwości komponentu Image.


imageStyle


imageRef

Funkcja ustawiająca referencję (ref), która otrzyma węzeł elementu wewnętrznego komponentu Image po jego zamontowaniu.


style