React-Native 高仿“掘金”App 注册和登录界面

上一篇博客写了关于如何自定义一个输入框，所以打算拿一个app来练练手。看了一下感觉“掘金”客户端，感觉不错，里面包含了很多控件可以用react-native来实现。相信这个app做完，应该大部分app的界面都可以搞定了。

今天介绍一下注册界面和登录界面。

感觉这个界面实现起来还是不太难，用到了react-native-vector-icons来完成左上角的返回按钮，这个开源库后面在做Tabbar的图标也非常好用。

对于登录Button，注册账号这种文字按钮，还有下方的图片按钮，以及带文字的分割线，自己都重新封装了一下，这样不至于界面非常凌乱不好控制

这篇博客不打算介绍如何实现的，打算把这个app全部制作完成之后开始介绍其中的坑点，哈哈。

感兴趣的初学者可以fork我的仓库哈，地址在这里。

React-Native 高仿“掘金”App 注册和登录界面相关推荐

高仿掘金App —— 基于 databinding
0. 项目地址 MVVM-JueJin 1. 项目初衷不同于前端 vue. react 的火热, 移动端的 databinding 好像不受待见.鉴于 vue. react 都有各自成熟的生态圈,我 ...
React Native制作仿美团APP总结
最近学习了一个网上的React Native项目,利用React Native制作一个类似于美团的App,项目属于对之前React Native常用组件的基本使用,但是仍有一些关键点值得记录.最后做成 ...
react native Android端保持APP后台运行--封装 Headless JS
react native Android端保持APP后台运行--封装 Headless JS 前些日子在做后台下载时踩了后台运行这个大坑,RN官网文档上面在安卓上提供了Headless JS方法,iO ...
基于 React Native 的 58 同城 App 开发实践
作者简介: 彭飞,58 同城 iOS 客户端架构师.专注于新技术的研发,主要负责 App 端组件化架构以及性能优化,并已推广 React Native 在 58 同城 App 中业务场景的应用.在 M ...
如何用 React Native 创建一个iOS APP？（二）
我们书接上文<如何用 React Native 创建一个iOS APP?>,继续来讲如何用 React Native 创建一个iOS APP.接下来,我们会涉及到很多控件. 1 AppRe ...
《iVX 高仿美团APP制作移动端完整项目》03 推介信息及推荐商家分析及制作
点击整个专栏查看其它系列文章 (系列文章更新中-):<iVX 高仿美团APP制作移动端完整项目> 项目界面预览: 一.推荐信息制作推荐信息与之前的标题下推荐信息制作类似: 此时依旧创建一 ...
《iVX 高仿美团APP制作移动端完整项目》02 搜索、搜索提示及类别需求分析思路及制作流程
点击整个专栏查看其它系列文章 (系列文章更新中-):<iVX 高仿美团APP制作移动端完整项目> 项目界面预览: 一.搜索制作在上一节中我们完成了标题头的制作,接下来我们查看如何制作搜索 ...
《iVX 高仿美团APP制作移动端完整项目》01 标题需求分析思路及制作流程
点击整个专栏查看其它系列文章 (系列文章更新中-):<iVX 高仿美团APP制作移动端完整项目> 项目界面预览: 一.创建项目首先打开在线编辑器地址:https://editor.ivx ...
高仿微信APP实战（一）-Actionbar的制作与应用
高仿微信APP实战(一)-Actionbar的制作与应用本文是仿微信app实战系列的第一部分,先从简单的做起,边做边学习.从顶部actionbar开始,先看一下效果图: 一.定义主题样式 <r ...

React-Native 高仿“掘金”App 注册和登录界面

React-Native 高仿“掘金”App 注册和登录界面相关推荐

最新文章

热门文章