React-Native学习笔记（1）

最新推荐文章于 2021-09-01 09:05:20 发布

转载最新推荐文章于 2021-09-01 09:05:20 发布 · 84 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mjian/p/9250145.html

本文详细介绍了 React Native 中图片的样式设置方法，包括不同 resize 模式的应用效果对比。此外，还深入探讨了文本输入组件的使用技巧，例如如何设置 maxLength、placeholder 和键盘类型等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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)}]}/>

转载于:https://www.cnblogs.com/mjian/p/9250145.html