🗑️ SafeAreaView
Ta strona została przetłumaczona przez PageTurner AI (beta). Nie jest oficjalnie zatwierdzona przez projekt. Znalazłeś błąd? Zgłoś problem →
Zamiast tego użyj react-native-safe-area-context.
SafeAreaView służy do renderowania treści w obrębie bezpiecznych obszarów ekranu urządzenia. Obecnie jest ono dostępne tylko na urządzeniach z systemem iOS w wersji 11 lub nowszej.
SafeAreaView renderuje zagnieżdżoną treść i automatycznie stosuje dopełnienie, aby uwzględnić część widoku niezasłoniętą przez paski nawigacyjne, karty, narzędzia i inne widoki nadrzędne. Co ważniejsze, dopełnienia bezpiecznego obszaru odzwierciedlają fizyczne ograniczenia ekranu, takie jak zaokrąglone rogi lub wycięcia na aparat (np. obszar czujników w iPhone'ie 13).
Przykład
Aby użyć, opakuj swój widok najwyższego poziomu w SafeAreaView z zastosowanym stylem flex: 1. Możesz również użyć koloru tła pasującego do projektu twojej aplikacji.
Dokumentacja
Właściwości
Właściwości widoku
Dziedziczy właściwości widoku.
Ponieważ do implementacji zachowania komponentu używane jest dopełnienie, reguły dopełnienia w stylach zastosowanych do SafeAreaView będą ignorowane i mogą powodować różne wyniki w zależności od platformy. Szczegóły znajdziesz w #22211.