React Native开发之——组件TextInput

发表于 分类于 ， ， 阅读时长 ≈ 1 分钟

前言

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