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
以上是 React Native开发之——组件TextInput 的全部内容, 来源链接: utcz.com/z/383148.html