ReactNative 控件之TextInput
屬性與方法:
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è)置文本輸入框下劃線的顏色