【React Native】文件翻譯閱讀紀錄 - 基礎 - 處理文字輸入

by - 上午9:00

Facebook Open Source React Native



處理文字輸入

TextInput 是一個允許用戶輸入文本的基本組件。 它有一個onChangeText prop,它接受每次文本更改時調用的函數,以及 onSubmitEditing prop,它在文本提交時調用函數。

例如,假設用戶鍵入時,您將其單詞翻譯成其他語言。 在這種新語言中,每個單詞的寫法都是一樣的:🍕。 所以句子“Hello there Bob”將被翻譯為“🍕🍕🍕”。

在此示例中,我們將文本存儲在狀態中,因為它隨時間而變化。

對於文本輸入,您可能需要做更多的事情。 例如,您可以在用戶鍵入時驗證內部文本。 有關更詳細的示例,請參閱有關受控組件的React文檔或TextInput的參考文檔。


文本輸入是用戶與應用程序交互的方式之一。 接下來,讓我們看看另一種類型的輸入,並學習如何處理觸摸。

You May Also Like

0 意見