由于最近一直在做公司的項(xiàng)目，而且比較急。如今項(xiàng)目已經(jīng)迭代到第三期，可以緩一緩了。。。

成都創(chuàng)新互聯(lián)公司是一家專注于做網(wǎng)站、網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),登封網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)10多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:登封等地區(qū)。登封做網(wǎng)站價(jià)格咨詢:18980820575

說實(shí)話，最近一直再用android做開發(fā)，而且時(shí)間也不寬裕，react-native有點(diǎn)生疏了。

好了，廢話不多說，今天在做登錄界面的時(shí)候，我發(fā)現(xiàn)，登錄注冊(cè)的文本框樣式都是一個(gè)樣的，如果一個(gè)一個(gè)的寫，就會(huì)顯得有些麻煩了，于是我就簡(jiǎn)單的封裝了一下TextInput這一個(gè)組件

上圖就是我放到登錄界面的效果啦。

代碼：

import React, { Component } from 'react';

import {
  Text,
  TextInput,
  View,
  PropTypes,
  StyleSheet,
  ToastAndroid
} from 'react-native'

class TextInputLogin extends Component {
  static propTypes = {
    name: React.PropTypes.string,
    txtHide: React.PropTypes.string,
    ispassword: React.PropTypes.bool
   }

  static defaultProps = {
    name: '名稱',
    txtHide: '內(nèi)容',
    ispassword: false,
  }
   constructor (props) {
    super (props)
    this.state = {
     txtValue: "",
    }
  }
  render () {
    var { style, name, txtHide, ispassword } = this.props
    return(
      
        
          {name}
           {
              this.setState({
                txtValue: text
              })
            }}
            value={this.state.txtValue}
          />
        
      
    )
  }
  getValue () {
    return this.state.txtValue
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    flexDirection: 'row'
  },
  txtBorder: {
    height: 50,
    flex: 1,
    borderWidth: 1,
    borderColor: '#51A7F9',
    marginLeft: 50,
    marginRight: 50,
    borderRadius: 25,
    flexDirection: 'row'
  },
  txtName: {
    height: 20,
    width: 40,
    marginLeft: 20,
    fontSize: 15,
    marginTop: 15,
    color: '#51A7F9',
    marginRight: 10,
    fontSize: 14
  },
  textInput: {
    height: 50,
    width: 200
  }
})

module.exports = TextInputLogin;

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

當(dāng)前名稱：React-Native做一個(gè)文本輸入框組件的實(shí)現(xiàn)代碼-創(chuàng)新互聯(lián)
本文路徑：http://weahome.cn/article/dhjspd.html