前言
-
學(xué)習(xí)本系列內(nèi)容需要具備一定 HTML 開發(fā)基礎(chǔ)，沒有基礎(chǔ)的朋友可以先轉(zhuǎn)至 HTML快速入門(一) 學(xué)習(xí)
-
本人接觸 React Native 時間并不是特別長，所以對其中的內(nèi)容和性質(zhì)了解可能會有所偏差，在學(xué)習(xí)中如果有錯會及時修改內(nèi)容，也歡迎萬能的朋友們批評指出，謝謝
-
文章第一版出自簡書，如果出現(xiàn)圖片或頁面顯示問題，煩請轉(zhuǎn)至 簡書 查看 也希望喜歡的朋友可以點(diǎn)贊，謝謝
TextInput 文本輸入框
- React Native中的文本輸入框使用和iOS比較相近，可能是因?yàn)?RN 首先封裝iOS端的緣故（這點(diǎn)對iOS開發(fā)者來說是個好消息）
-
TextInput也是繼承自 View,所以 View 的屬性 TextInput 也能使用，一些樣式類的屬性可以參照 View 的相關(guān)屬性
-
為了更好的講解 TextInput，先創(chuàng)建一個基本的文本輸入框
// 視圖 var textInputTest = React.createClass({
render(){ return(
<View style={styles.container}>
{/* 文本輸入框 */}
<TextInput style={styles.textInputStyle}></TextInput>
</View>
);
}
}); // 樣式 var styles = StyleSheet.create({
container: {
flex:1 },
textInputStyle: { // 設(shè)置尺寸 width:width,
height:40,
marginTop:100, // 設(shè)置背景顏色 backgroundColor:'green' }
});
效果：
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式