ReactNative成長(zhǎng)之路 UI-(3)TextInput組件

ReactNative 控件之TextInput

TextInput在RN中文網(wǎng)的文檔介紹

屬性與方法:

1淳衙、支持View的相關(guān)屬性

2啤誊、autoCapitalize 控制TextInput輸入的字符進(jìn)行切換成大寫(xiě)

none:不自動(dòng)切換任何字符成大寫(xiě)
sentences:默認(rèn)每個(gè)句子的首字母變成大寫(xiě)
words:每個(gè)單詞的首字母變成大寫(xiě)
characters:每個(gè)字母全部變成大寫(xiě)

3、 autoCorrect bool設(shè)置拼寫(xiě)自動(dòng)修正功能 默認(rèn)為開(kāi)啟(true)

4、 autoFocus bool 設(shè)置是否默認(rèn)獲取到焦點(diǎn)默認(rèn)為關(guān)閉(false)。 該需要componentDidMount方法被調(diào)用之后才會(huì)獲取焦點(diǎn)哦(componentDidMount是React組件被渲染之后React主動(dòng)回調(diào)的方法)

5姨伤、defaultValue string 給文本輸入設(shè)置一個(gè)默認(rèn)初始值。

6庸疾、editable bool 設(shè)置文本框是否可以編輯 默認(rèn)值為true,可以進(jìn)行編輯

7乍楚、keyboardType 鍵盤類型(可選參數(shù):default , email-address, numeric ,phone-pad ,ascii-capable,numbers-and-punctuation, url,number-pad',name-phone-pad,decimal-pad,twitter,web-search') 該用來(lái)選擇默認(rèn)彈出鍵盤的類型例如我們甚至numeric就是彈出數(shù)字鍵盤。鑒于平臺(tái)的原因如下的值是所有平臺(tái)都可以進(jìn)行通用的

default
numeric 數(shù)字鍵盤
email-address 郵箱地址

8届慈、maxLength number 可以限制文本輸入框最大的輸入字符長(zhǎng)度

9徒溪、multiline bool 設(shè)置可以輸入多行文字,默認(rèn)為false(表示無(wú)論文本輸入多少金顿,都是單行顯示)

10臊泌、onBlur function 監(jiān)聽(tīng)方法,文本框失去焦點(diǎn)回調(diào)方法

11揍拆、onChange function 監(jiān)聽(tīng)方法,文本框內(nèi)容發(fā)生改變回調(diào)方法

12渠概、onChangeText function監(jiān)聽(tīng)方法,文本框內(nèi)容發(fā)生改變回調(diào)方法嫂拴,該方法會(huì)進(jìn)行傳遞文本內(nèi)容

13播揪、onEndEditing function監(jiān)聽(tīng)方法,當(dāng)文本結(jié)束文本輸入回調(diào)方法

14筒狠、onFocus function 監(jiān)聽(tīng)方法 文本框獲取到焦點(diǎn)回調(diào)方法

15猪狈、onLayout function監(jiān)聽(tīng)方法 組價(jià)布局發(fā)生變化的時(shí)候調(diào)用,調(diào)用方法參數(shù)為 {x,y,width,height}

16辩恼、onSubmitEditing function監(jiān)聽(tīng)方法雇庙,當(dāng)編輯提交的時(shí)候回調(diào)方法。不過(guò)如果multiline={true}的時(shí)候灶伊,該屬性就不生效

17疆前、placeholder string 當(dāng)文本輸入框還沒(méi)有任何輸入的時(shí)候,默認(rèn)顯示信息聘萨,當(dāng)有輸入的時(shí)候該值會(huì)被清除

18峡继、placeholderText Color string 設(shè)置默認(rèn)信息顏色(placeholder)

19、secureTextEntry bool 設(shè)置是否為密碼安全輸入框 匈挖,默認(rèn)為false

20碾牌、style 風(fēng)格屬性 可以參考Text組件風(fēng)格

21、value string 輸入框中的內(nèi)容值

以上是一些Android儡循,iOS平臺(tái)通用的屬性舶吗,下面根據(jù)官網(wǎng)的文檔,我這邊組要講解一下適用于Android平臺(tái)的屬性方法

22择膝、numberOfLines number設(shè)置文本輸入框行數(shù)誓琼,該需要首先設(shè)置multiline為true,設(shè)置TextInput為多行文本。

23肴捉、textAlign 設(shè)置文本橫向布局方式 可選參數(shù)('start', 'center', 'end')

24、textAlignVertical 設(shè)置文本垂直方向布局方式 可選參數(shù)('top', 'center', 'bottom')

25、underlineColorAndroid 設(shè)置文本輸入框下劃線的顏色

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末啸驯,一起剝皮案震驚了整個(gè)濱河市喊括,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌窃页,老刑警劉巖跺株,帶你破解...
    沈念sama閱讀 211,194評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異脖卖,居然都是意外死亡乒省,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門畦木,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)袖扛,“玉大人,你說(shuō)我怎么就攤上這事十籍∏猓” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,780評(píng)論 0 346
  • 文/不壞的土叔 我叫張陵妓雾,是天一觀的道長(zhǎng)娶吞。 經(jīng)常有香客問(wèn)我,道長(zhǎng)械姻,這世上最難降的妖魔是什么妒蛇? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,388評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮楷拳,結(jié)果婚禮上绣夺,老公的妹妹穿的比我還像新娘。我一直安慰自己欢揖,他們只是感情好陶耍,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著她混,像睡著了一般烈钞。 火紅的嫁衣襯著肌膚如雪泊碑。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,764評(píng)論 1 290
  • 那天毯欣,我揣著相機(jī)與錄音馒过,去河邊找鬼。 笑死酗钞,一個(gè)胖子當(dāng)著我的面吹牛腹忽,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播砚作,決...
    沈念sama閱讀 38,907評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼窘奏,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了葫录?” 一聲冷哼從身側(cè)響起着裹,我...
    開(kāi)封第一講書(shū)人閱讀 37,679評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎压昼,沒(méi)想到半個(gè)月后求冷,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,122評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡窍霞,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評(píng)論 2 325
  • 正文 我和宋清朗相戀三年匠题,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片但金。...
    茶點(diǎn)故事閱讀 38,605評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡韭山,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出冷溃,到底是詐尸還是另有隱情钱磅,我是刑警寧澤,帶...
    沈念sama閱讀 34,270評(píng)論 4 329
  • 正文 年R本政府宣布似枕,位于F島的核電站盖淡,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏凿歼。R本人自食惡果不足惜褪迟,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望答憔。 院中可真熱鬧味赃,春花似錦、人聲如沸虐拓。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,734評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至城榛,卻和暖如春揪利,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背吠谢。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,961評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工土童, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人工坊。 一個(gè)月前我還...
    沈念sama閱讀 46,297評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像敢订,于是被迫代替她去往敵國(guó)和親王污。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • http://www.cnblogs.com/Sweet-Candy/p/5695389.html React-N...
    心淡然如水閱讀 4,336評(píng)論 0 0
  • 對(duì)React-Native的學(xué)習(xí)楚午,從熟悉基本控件開(kāi)始昭齐。 View 屬性方法 序號(hào)名稱屬性O(shè)r方法類型說(shuō)明 1 ac...
    諾花生閱讀 871評(píng)論 0 0
  • React-Native的基本控件屬性方法 對(duì)React-Native的學(xué)習(xí),從熟悉基本控件開(kāi)始矾柜。 View 屬性...
    探路者1202閱讀 1,070評(píng)論 0 2
  • 最近在研究React-Native阱驾,把該配置的環(huán)境都配置了一遍,HelloWorld跑起來(lái)了之后怪蔑,現(xiàn)在開(kāi)始學(xué)習(xí)里覆、熟...
    小朱v閱讀 954評(píng)論 0 1
  • TextInput是一個(gè)允許用戶在應(yīng)用中通過(guò)鍵盤輸入文本的基本組件。本組件的屬性提供了多種特性的配置缆瓣,譬如自動(dòng)完成...
    亭止閱讀 3,242評(píng)論 1 0