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.
TextInput to jedna z wielu metod interakcji użytkownika z aplikacją. Przykłady innych metod obsługi danych wejściowych znajdziesz w dokumentacji obsługi dotyku.
Przyjrzyjmy się teraz ScrollView, kolejnemu komponentowi podstawowemu.