React-Native学习笔记（1）

react-native image Style

resizeMode:

cover:等比拉伸

strech:保持原有大小 

 

contain:图片拉伸  充满空间

 

可编辑文本

<EditText
	maxLength={15}
	ref={'money'}
	placeholder={'输入金额'}
	placeholderTextColor={'lightGrey'}
	textAlignVertical={'bottom'}
	textAlign={iosPlatform?'center':'center'}
	keyboardType={'numeric'}
	defaultValue={this.onShowBalance}
	underlineColorAndroid={themeColor}
	onChangeText={(text)=>this.submitButtonStateChangeByMoney(text)}
	style={[styles.otherMoney,
	iosPlatform&&{height:StyleShit.getVerticalDimension(27)}]}

 

文本框

<TextInput
	ref={'money'}
	placeholder={'存入其他金额'}
	placeholderTextColor={'#b7242c'}
	textAlignVertical={'bottom'}
	textAlign={iosPlatform?'left':'start'}
	keyboardType={'numeric'}
	underlineColorAndroid='#471d5b'
	onChangeText={(text)=>{
		console.log('onChangetext text == '+text);
		this.showIncomeTips();
		this.money = text;}
	}
	style={[styles.otherMoney,
	iosPlatform&&{height:StyleShit.getVerticalDimension(27)}]}/>