由于最近一直在做公司的項(xiàng)目，而且比較急。如今項(xiàng)目已經(jīng)迭代到第三期，可以緩一緩了。。。
創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供富裕網(wǎng)站建設(shè)、富裕做網(wǎng)站、富裕網(wǎng)站設(shè)計(jì)、富裕網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、富裕企業(yè)網(wǎng)站模板建站服務(wù)，十余年富裕做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
說(shuō)實(shí)話，最近一直再用android做開發(fā)，而且時(shí)間也不寬裕，react-native有點(diǎn)生疏了。
好了，廢話不多說(shuō)，今天在做登錄界面的時(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;
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。
