React Native 之 TextInput使用

前言

• 學(xué)習(xí)本系列內(nèi)容需要具備一定 HTML 開發(fā)基礎(chǔ)，沒有基礎(chǔ)的朋友可以先轉(zhuǎn)至 HTML快速入門(一) 學(xué)習(xí)

• 本人接觸 React Native 時(shí)間并不是特別長，所以對其中的內(nèi)容和性質(zhì)了解可能會有所偏差，在學(xué)習(xí)中如果有錯(cuò)會及時(shí)修改內(nèi)容，也歡迎萬能的朋友們批評指出，謝謝

• 文章第一版出自簡書，如果出現(xiàn)圖片或頁面顯示問題，煩請轉(zhuǎn)至 簡書 查看 也希望喜歡的朋友可以點(diǎn)贊，謝謝

TextInput 文本輸入框

• React Native中的文本輸入框使用和iOS比較相近，可能是因?yàn)?RN 首先封裝iOS端的緣故（這點(diǎn)對iOS開發(fā)者來說是個(gè)好消息）

• TextInput也是繼承自 View,所以 View 的屬性 TextInput 也能使用，一些樣式類的屬性可以參照 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
        
		

        		
網(wǎng)友評論
     		
				

			
			
			
		
		
		
    	
    	
        	

        		
更多精彩分享
        		

        			
        		
        			
	        		
	        		學(xué)習(xí)是年輕人改變自己的最好方式