react-native
文章平均质量分 58
孑书力
这个作者很懒,什么都没留下…
展开
-
react-navigation NestingNavigators Demo
react-navigationreact-navigation 是今年1月份新出的一款React-native导航组件react-navigation官网按使用形式主要分三部分:StackNavigator: 类似于普通的Navigator,屏幕上方导航栏TabNavigator: 相当于iOS里面的TabBarController,Android中的TabHost ,屏幕下方的标签栏Dra原创 2017-07-21 13:16:43 · 553 阅读 · 0 评论 -
React Native 各种控件Demo
在做React Native 动画Demo时候 ,无意发现了代码例子我很自然的想到了,自己跑起来试试。 折腾来去搞不定,实在没有办法新建一个项目,刚刚在写动画Demo,所以就在此项目中编写。 项目名称所以有点别扭,望理解。希望对大家有帮助 因为node_modules文件很大 ,所以删除下载 。可以使用以下命令安装yarn install# 在 node_m原创 2018-01-31 22:59:45 · 732 阅读 · 0 评论 -
React Native Android 下,TextInput 换行。
在RN版本0.44,长文本编辑,使用TextInput。 出现以下问题: 1:点击软键盘中“回车”按钮,软键盘隐藏。 2:设置blurOnSubmit={false},点击软键盘中“回车”按钮,没有换行。 3:TextInput设置高度,文字默认是居中显示。设置高度自增长,有闪烁。 根据问题来一步步解决 实现效果 1:点击软键盘中“回车”按钮,软键盘隐藏。 ...原创 2018-02-08 17:53:44 · 7469 阅读 · 0 评论 -
React Native TextInput 实现文本间隔
效果展示 在学习javaScript怎么使用正则表达式的时候,灵感突然来了 ,是否可以使用分组的方法来实现文本间隔。 效果是如图 (在空格处删,效果不好只是光标前移了,暂时优化不来)思路 在输入文本时,利用onChangeText方法,拆分文本,使它们四个四个一起,然后拼接空格就可以。 实现 第一步 :输入中判断是否输入的是数字 if (typeof...原创 2018-02-28 16:27:58 · 4630 阅读 · 0 评论 -
TextInput输入框 右侧添加按钮 如:删除
TextInput文本框右侧显示“清除”按钮 。 在RN api中有介绍 clearButtonMode enum('never', 'while-editing', 'unless-editing', 'always') 显示“清除”按钮但是只是适用于ios系统 为了在Android系统正常适用,写组件来适配。思路: 需要按钮显示和隐藏卡,就需要监听TextInput 输入的内容,如原创 2018-02-23 10:33:34 · 9033 阅读 · 2 评论