React-Native
文章平均质量分 53
wangdi1224
这个作者很懒,什么都没留下…
展开
-
React-Native 自定义TextInput样式
在react-native中,其实提供的TextInput样式已经非常强大了,但是事实上有时候我们可能需要自己订制一个样式已满足我们的需求,比如这种所以这篇就是介绍如何去订制。如果我们只是把一个默认的TextInput拉出来,会长成这样最下面这样分析一下,我们需要去除下划线,把背景设置成白色,同时可以略微调整一下字体大小。所以给TextInput添加一个style样式<TextInput s原创 2016-11-02 22:10:21 · 15786 阅读 · 0 评论 -
React-Native 高仿“掘金”App 注册和登录界面
上一篇博客写了关于如何自定义一个输入框,所以打算拿一个app来练练手。看了一下感觉“掘金”客户端,感觉不错,里面包含了很多控件可以用react-native来实现。相信这个app做完,应该大部分app的界面都可以搞定了。今天介绍一下注册界面和登录界面。感觉这个界面实现起来还是不太难,用到了react-native-vector-icons来完成左上角的返回按钮,这个开源库后面在做Tabbar的图标原创 2016-11-04 20:46:13 · 5420 阅读 · 0 评论 -
React-Native 高仿“掘金”客户端
历时3周时间不到的时间,前两周还有考试,利用一些琐碎的时间,终于把这个App基本的界面功能完成了。先来上图一张采用React-Native 0.36版本开发的,算是踩了不少坑,来简单总结一下吧。讲真,一款应用的用户忠诚度,UI绝对占有很大的关系,这也是我模仿掘金客户端的一个理由吧,里面涉及到的界面够花哨。就拿首页这张图来说,要实现这么一个图,需要层层嵌套,还要考虑左右对齐问题,所以基本这个“首页”原创 2016-11-19 01:01:45 · 9474 阅读 · 15 评论 -
React-Native 可能是最友好的Gank.io(干货集中营)客户端了
呼~ 在结束上一个“掘金”客户端后,写了两个星期多,终于又把“干货集中营”的App写完了。这次因为API开放,所以可以写一个完整的App,而且界面自定义,自由度高,增加了不少自己创作的灵感。老规矩,先上图,再说话~ 先聊聊架构,上次一个小哥建议说用redux来架构react应用,于是在开发这App前,专门学了下redux。因为本人不是前端出生,基本前端的知识现在都是现学现卖的,自己简单写个计数原创 2016-12-08 01:00:56 · 3160 阅读 · 7 评论 -
React-Native ListView拖拽交换Item
在高仿“掘金”客户端的那个项目中,你会发现在打开和关闭“首页展示标签”中,我并没有实现可拖拽换位item的效果。不过在自己新写的Gank.io项目中,将这一功能实现了一把,在此记录一下。先上效果图对,就是这样~在实现这个效果前,我的思路是这样的,布局->item可点击突出显示->可移动item->可交换item->抬起手指恢复正确的位置。下面一一解释。布局忘了说了,由于这个界面的item的元素较少原创 2016-11-28 11:05:57 · 9507 阅读 · 10 评论