React|React Native的一些常用组件前端|Native

React Native的一些常用组件本篇文章主要为学习笔记记录，记录一些React Native比较常用的组件
HTML元素与RN原生组件

1. 文本组件（Text） RN开发中最基本的组件之一，凡是纯文本都需要用Text包起来。
2.图片组件（Image） 【React|React Native的一些常用组件】用于加载本地图片或者网络图片

RN出了ImageBackground组件，跟html里的backgroundimage效果类似，用法跟Image相似，这里只介绍Image一些属性
Image的属性

resizeMode：cover， contain，stretch（类似于background-size
backfaceVisibility： visible， hidden
backgroundColor
borderBottomLeftRadius、borderBottomRightRadius、borderTopLeftRadius、borderTopRightRadius：圆角大小
borderColor：边框颜色
borderWidth：边框宽度
opacity：设置透明度
overflow

3.TextInput组件输入框组件。
TextInput常用属性

autoCAPltalize：控制TextInput是否自动将特定字符切换为大写。 none（不切换）， sentences（首字母大写），words（单词首字母大写）， characters（每个字母大写）
placeholder
autoCorrect：拼音自动修正功能（默认开启true）
autoFocus：文本焦点获取，默认关闭（false）
maxLength：文本最大长度
editable：文本是否可以输入
keyboardType：键盘显示类型，多种，具体参数看官方文档
multiline：设置可以输入多行文字，默认false
numberOfLinesnumber：设置文本输入框行数，需要multiline先设为true
textAlign
onBlur()：文本框失去焦点监听回调方法
onChange()：文本框内容发生改变回调方法
onChangeText()：文本框内容发生改变时的回调方法，与上一个不同的是，改变后的文件内容会作为参数传递
onEndEditing()：文本输入结束，调用次此回调
onFocus()：文本获取焦点时回调方法
onSubmitEditing()：编辑提交时回调方法