前言
學(xué)習(xí)本系列內(nèi)容需要具備一定 HTML 開(kāi)發(fā)基礎(chǔ),沒(méi)有基礎(chǔ)的朋友可以先轉(zhuǎn)至 HTML快速入門(mén)(一) 學(xué)習(xí)
本人接觸 React Native 時(shí)間并不是特別長(zhǎng),所以對(duì)其中的內(nèi)容和性質(zhì)了解可能會(huì)有所偏差,在學(xué)習(xí)中如果有錯(cuò)會(huì)及時(shí)修改內(nèi)容,也歡迎萬(wàn)能的朋友們批評(píng)指出,謝謝
文章第一版出自簡(jiǎn)書(shū),如果出現(xiàn)圖片或頁(yè)面顯示問(wèn)題,煩請(qǐng)轉(zhuǎn)至 簡(jiǎn)書(shū) 查看 也希望喜歡的朋友可以點(diǎn)贊,謝謝
TextInput 文本輸入框
React Native中的文本輸入框使用和iOS比較相近,可能是因?yàn)?RN 首先封裝iOS端的緣故(這點(diǎn)對(duì)iOS開(kāi)發(fā)者來(lái)說(shuō)是個(gè)好消息)
TextInput也是繼承自 View,所以 View 的屬性 TextInput 也能使用,一些樣式類(lèi)的屬性可以參照 View 的相關(guān)屬性
為了更好的講解 TextInput,先創(chuàng)建一個(gè)基本的文本輸入框
// 視圖 var textInputTest = React.createClass({ render(){ return( <View style={styles.container}> {/* 文本輸入框 */} <TextInput style={styles.textInputStyle}></TextInput> </View> ); } }); // 樣式 var styles = StyleSheet.create({ container: { &nbs