ReactNative控件

TextInput

1藕帜、使用

      <TextInput
          style={{height:50 , paddingLeft:15}}
          placeholder="搜索..."
          placeholderTextColor="#6435c9"
          secureTextEntry={true}
          autoFocus
          // autoCorrect={true}
          // defaultValue="或許結(jié)果"
          // editable={false}
          keyboardType="web-search" //numeric:數(shù)字鍵盤  email-address:電子郵件鍵盤 url:含有網(wǎng)址的鍵盤 web-search:鍵盤上會(huì)顯示一個(gè) Go 中文輸入法下會(huì)顯示前往
          // multiline  //換行
          clearButtonMode="unless-editing" //multiline屬性設(shè)置時(shí)clearButtonMode 為while-editing時(shí)不起作用
        />

2、屬性

secureTextEntry:安全輸入(multiline設(shè)置時(shí)不起作用))
autoFocus:自動(dòng)鎖定光標(biāo)
autoCorrect:自動(dòng)糾錯(cuò)
defaultValue:設(shè)置默認(rèn)值
editable:是否可以輸入
keyboardType:鍵盤類型藕畔。

鍵盤類型的值為:
`numeric`:數(shù)字鍵盤  `email-address`:電子郵件鍵盤 `url`:含有網(wǎng)址的鍵盤 `web-search`:鍵盤上會(huì)顯示一個(gè) Go 中文輸入法下會(huì)顯示前往

multiline:bool值 內(nèi)容可以換行
numberOfLines (number):設(shè)置文本輸入框行數(shù)攘残,該需要首先設(shè)置multilinetrue,設(shè)置TextInput為多行文本。
clearButtonMode:清除按鈕。

清除按鈕的值:
`while-editing`:編輯時(shí)顯示清除按鈕(`multiline`設(shè)置時(shí)不起作用)
`unless-editing`:點(diǎn)擊換行時(shí)顯示清除按鈕`multiline`設(shè)置時(shí)不起作用)

clearTextOnFocus:重獲焦點(diǎn)時(shí)清除之前的輸入內(nèi)容
enablesReturnKeyAutomatically:bool值 是否自動(dòng)啟用回車鍵
returenKeyType:回車鍵的類型 keyboardType有值時(shí)會(huì)覆蓋returenKeyType的值

回車鍵類型的值:
`go`:中文輸入法下回車鍵顯示前往
`join`:中文輸入法下回車鍵顯示加入
`next`:中文輸入法下回車鍵顯示下一項(xiàng)
`rote`:中文輸入法下回車鍵顯示路線
`send`:中文輸入法下回車鍵顯示發(fā)送
`search`:中文輸入法下回車鍵顯示搜索

3两疚、事件

1、onFocus選中TextInput時(shí)執(zhí)行的動(dòng)作
2含滴、onBlur離開TextInput時(shí)執(zhí)行的動(dòng)作
3诱渤、onChange TextInput文字發(fā)生變化的時(shí)候執(zhí)行的動(dòng)作
4、onChangeText TextInput文字發(fā)生變化的時(shí)候執(zhí)行的動(dòng)作谈况。跟onChange的區(qū)別是 變化的text可以作為函數(shù)的參數(shù)
5勺美、onEndEditing TextInput完成輸入的時(shí)候執(zhí)行的動(dòng)作
6、onSubmitdEditing TextInput完成輸入按下回車鍵的時(shí)候執(zhí)行的動(dòng)作
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末碑韵,一起剝皮案震驚了整個(gè)濱河市赡茸,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌祝闻,老刑警劉巖坛掠,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異治筒,居然都是意外死亡屉栓,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門耸袜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)友多,“玉大人,你說我怎么就攤上這事堤框∮蚶模” “怎么了?”我有些...
    開封第一講書人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵蜈抓,是天一觀的道長(zhǎng)启绰。 經(jīng)常有香客問我,道長(zhǎng)沟使,這世上最難降的妖魔是什么委可? 我笑而不...
    開封第一講書人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮腊嗡,結(jié)果婚禮上着倾,老公的妹妹穿的比我還像新娘。我一直安慰自己燕少,他們只是感情好卡者,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著客们,像睡著了一般崇决。 火紅的嫁衣襯著肌膚如雪材诽。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評(píng)論 1 284
  • 那天恒傻,我揣著相機(jī)與錄音岳守,去河邊找鬼。 笑死碌冶,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的涝缝。 我是一名探鬼主播扑庞,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼拒逮!你這毒婦竟也來(lái)了罐氨?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤滩援,失蹤者是張志新(化名)和其女友劉穎栅隐,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體玩徊,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡租悄,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了恩袱。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片泣棋。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖畔塔,靈堂內(nèi)的尸體忽然破棺而出潭辈,到底是詐尸還是另有隱情,我是刑警寧澤澈吨,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布把敢,位于F島的核電站,受9級(jí)特大地震影響谅辣,放射性物質(zhì)發(fā)生泄漏修赞。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一桑阶、第九天 我趴在偏房一處隱蔽的房頂上張望榔组。 院中可真熱鬧,春花似錦联逻、人聲如沸搓扯。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)锨推。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間换可,已是汗流浹背椎椰。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留沾鳄,地道東北人慨飘。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像译荞,于是被迫代替她去往敵國(guó)和親瓤的。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344