Obsługa wprowadzania tekstu
Ta strona została przetłumaczona przez PageTurner AI (beta). Nie jest oficjalnie zatwierdzona przez projekt. Znalazłeś błąd? Zgłoś problem →
TextInput to komponent podstawowy, który umożliwia użytkownikowi wprowadzanie tekstu. Posiada właściwość onChangeText przyjmującą funkcję wywoływaną przy każdej zmianie tekstu oraz właściwość onSubmitEditing wywoływaną po zatwierdzeniu tekstu.
Przykładowo, załóżmy że podczas wpisywania tłumaczysz słowa użytkownika na inny język. W tym nowym języku każde słowo zapisuje się tak samo: 🍕. Zatem zdanie "Hello there Bob" zostałoby przetłumaczone jako "🍕 🍕 🍕".
W tym przykładzie przechowujemy text w stanie (state), ponieważ jego wartość zmienia się dynamicznie.
Istnieje znacznie więcej operacji, które możesz wykonać na polu tekstowym. Możesz na przykład walidować tekst podczas wpisywania. Więcej przykładów znajdziesz w dokumentacji React dotyczącej komponentów kontrolowanych lub dokumentacji referencyjnej TextInput.
Wprowadzanie tekstu to jeden ze sposobów interakcji użytkownika z aplikacją. Przejdźmy teraz do innego typu wprowadzania danych i dowiedzmy się jak obsługiwać dotknięcia.