跳到主要內容

處理文字輸入

TextInput 是一個 核心組件,允許使用者輸入文字。它具有 onChangeText 屬性,該屬性接受一個函數,每次文字更改時都會調用該函數;以及 onSubmitEditing 屬性,該屬性接受一個函數,在文字提交時調用該函數。

例如,假設當使用者輸入時,您正在將他們的文字翻譯成不同的語言。在這個新的語言中,每個詞都以相同的方式書寫:🍕。因此,「Hello there Bob」這個句子將被翻譯成「🍕 🍕 🍕」。

在這個範例中,我們將 text 儲存在 state 中,因為它會隨著時間改變。

您可能還想對文字輸入做更多的事情。例如,您可以在使用者輸入時驗證文字內容。如需更詳細的範例,請參閱 React 文件中有關受控組件的內容,或 TextInput 的參考文件

文字輸入是使用者與應用程式互動的方式之一。接下來,讓我們看看另一種輸入類型,並學習如何處理觸控