设为首页收藏本站

react native【免费】VIP视频教程 rn开发者交流论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1993|回复: 225

[视频教程] 16、手把手教React Native实战之TextInput组件

  [复制链接]

401

主题

762

帖子

6950

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6950
发表于 2016-6-16 15:04:33 | 显示全部楼层 |阅读模式
#16、手把手教React Native实战之TextInput组件

文本输入框:基本组件 自动补全的搜索功能

调试apk目录:DongFang\android\app\build\outputs\apk

加作者微信公众号(dongfangyao888)或扫描下面二维码
推送高清视频教程+语音解说+课堂笔记和源码

TextInput的主要属性和事件如下:

autoCapitalize:枚举类型,可选值有none sentences words characters 当用户输入时,用于提示

placeholder:占位符,在输入前显示的文本内容

value:文本输入框的默认值

placeholderTextColor:占位符文本的颜色

password:boolean类型 true表示密码输入显示*

multiline:多行输入

editable:文本框是否可输入

autoFocus:自动聚焦

clearButtonMode:枚举类型,never while-editing unless-editing always 用于显示清除按钮

maxLength:能够输入的最长字符数

enablesReturnKeyAutomatically:如果为true 表示没有文本时键盘是不能有返回键的,其默认值为false

returnKeyType:枚举类型 default go google join next route search send yahoo done emergency-call 表示软键盘返回键显示的字符串

secureTextEntry:隐藏输入内容,默认值为false

onChangeText:当文本输入框的内容变化时,调用改函数;onChangeText接收一个文本的参数对象

onChange:当文本变化时,调用该函数

onEndEditing:当结束编辑时,调用改函数

onBlur:失去焦点触发事件

onFocus:获得焦点时触发事件

onSubmitEditing:当结束编辑后,点击键盘的提交按钮触发该事件

案例:搜索框


##16、配套视频(下载地址)【回复本帖才可见】:
游客,如果您要查看本帖隐藏内容请回复

react native vip论坛免费发布【手把手教react native实战开发】视频教程,立志于打造全互联网最全面最详细最易懂的React Native
开发视频教程,Facebook已经在多项产品中使用了React Native,并且将持续地投入建设,让我们引领react native开发的潮流!
回复

使用道具 举报

0

主题

4

帖子

12

积分

新手上路

Rank: 1

积分
12
发表于 2016-6-18 19:34:47 | 显示全部楼层
感谢东方老师 简单易懂。
回复 支持 反对

使用道具 举报

1

主题

84

帖子

203

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
203
发表于 2016-6-23 21:25:48 | 显示全部楼层
学习学习学习学习
回复 支持 反对

使用道具 举报

1

主题

127

帖子

353

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
353
发表于 2016-7-2 17:18:00 | 显示全部楼层
sdfsdgfgsdgghxcvbs
回复 支持 反对

使用道具 举报

0

主题

93

帖子

298

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
298
发表于 2016-7-3 18:40:43 | 显示全部楼层
this is a good video for learning react native
回复 支持 反对

使用道具 举报

0

主题

16

帖子

42

积分

新手上路

Rank: 1

积分
42
发表于 2016-7-3 19:17:16 | 显示全部楼层
简单易懂。
回复

使用道具 举报

0

主题

162

帖子

400

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
400
发表于 2016-7-4 17:21:04 | 显示全部楼层
持续学习中
回复 支持 反对

使用道具 举报

0

主题

55

帖子

144

积分

注册会员

Rank: 2

积分
144
发表于 2016-7-6 11:17:53 | 显示全部楼层
学习学习
回复

使用道具 举报

7

主题

254

帖子

699

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
699
发表于 2016-7-6 11:22:35 | 显示全部楼层
回复 支持 反对

使用道具 举报

0

主题

73

帖子

152

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
152
发表于 2016-7-6 12:41:39 | 显示全部楼层
持续学习中~~~~
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|ReactNative Inc.    

GMT+8, 2018-9-20 00:54 , Processed in 0.165211 second(s), 26 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表