React Native开发之——组件TextInput

前言

React Native中用于输入文本的组件是TextInput，类似于Android中的EditText，TextInput也是继承自 View,所以 View 的属性 TextInput 也能使用，一些样式类的属性可以参照 View 的相关属性。

本文主要讲述：

• autoCapitalize属性
• autoCorrect属性
• autoFocus属性
• keyboardType属性（设置软键盘类型）
• returnKeyType属性（设置返回键类型）

TextInput

内容概述

原文请参考：TextInput

autoCapitalize属性

概念

告诉TextInput自动利用某些特征(字母的大小写)

代码

效果图

本图只演示autoCapitalize=characters，其他属性请自己尝试

autoCorrect属性

概念

TextInput内容的自我修改，如果为true，则自动修改，为false，不修正；默认为true;

代码

效果图

autoFocus属性

概念

autoFocus，自动获取焦点，为true时获取焦点

代码

效果图

keyboardType属性（设置软键盘类型）

概念

keyboardType，用于设置软键盘类型,它有下面几个通用值：

• default
• numeric
• email-address
• phone-pad

• 代码

  效果图

  returnKeyType属性（设置返回键类型）

  概念

  returnKeyType，用于设置返回键类型，它有以下几个通用类型：

• done

• go
• next
• search
• send

代码

效果图

其他

参考：RN_TextInput