- 博客(8)
- 资源 (2)
- 收藏
- 关注
原创 简单实现消息提示(小红点)
简单实现消息提示(小红点)最近有些忙,版本不断叠加,需求一个接一个。这不,其中有一个需求就是在原有的版本上显示一个红点提示,类似于qq未读消息一样,需求图如下:没错,看起来好简单,可我们再看下设计师给我们切的图(设计师很周到哈,这里谢谢谢谢,嘿嘿)设计师是分不同状态来切的,如果我们按照这个思维去根据不同状态判断实现的话,不是不行,而是稍微麻烦了些。我们能不能尽量对以前代码做轻微的改动就能实现新的需求
2017-04-21 14:52:53 38883 14
原创 RN实战项目主页(五)
RN实战项目主页(五)先看下效果图底部的tab 用的一个第三方的开源库,或者想用原生的,react-navigationn 里面也有的, 传送门本项目中用的是 react-native-tab-navigatorimport React, { Component } from 'react';import { Text, Image, ...
2017-04-12 10:51:04 2807 1
原创 RN实战项目登录界面(四)
RN实战项目登录界面(四)先看下效果图RN中图片适配的话和ios是一样的,把相同的图片按照不同分辨率分为@2x @3x放到指定的文件夹下即可自动适配注意RN中View默认是column垂直排列的,如果想要横向排列的话指定flexDirection:‘row’ 即可import React, { Component } from 'react';import { StyleSheet,
2017-04-11 13:25:24 3017 4
原创 RN实战项目页面导航和启动页面实现(三)
RN实战项目页面导航和启动页面实现(三)RN中处理页面切换可以使用导航器来实现,本项目中用的是Navigator,而官方已经不推荐使用了,而采用新的react-navigation库来替代。 官网 react-navigation;Navigator RN中文网学习直接看代码/** * Sample React Native App * https://github.com/facebook/
2017-04-11 11:47:18 7977
原创 RN实战项目网络请求封装(二)
RN实战项目网络请求封装(二)网络相关学习文档,参考 RN中文网文档RN中主要是用fetch来完成异步网络请求的,传统的ajax慢慢的会被fetch替代RN中文网fetch API 案例fetch('https://mywebsite.com/endpoint/', { method: 'POST', //请求方法 默认get headers: { 'Accept': 'appli
2017-04-11 10:55:10 3911
原创 RN实战项目简介(一)
RN实战项目简介(一)项目效果图:这个项目是业余时间自己私下练习的,公司并没有RN相关的项目需求 ,设计主要参考了原生APP。完成了主界面功能,其余的都是差不多的,现在主要测试了安卓,ios后期装了黑苹果后,在测试开发工具,我用的是Visual Studio Code,当然Atom,webStorm等也可以,看个人习惯Visual Studio Code 官网 下载后安装后记得安装 React-Na
2017-04-11 10:11:57 1772
原创 RN基础以及组件学习技巧
RN基础以及组件学习技巧上一篇博客讲了RN环境的搭建,和RN项目的创建以及运行,如有什么问题,可以留言这节讲下RN基础以及组件的学习这是RN项目的结构图,index.android.js 和 index.ios.js分别对应了android ,ios 平台的软件程序入口。package.json 配置文件,类似于Android studio 中的build.gradle打开index.android
2017-04-11 09:36:31 3349
原创 根据银行卡号码获取银行卡归属行以及logo图标
之前做商城的时候遇到过根据银行卡号码获取银行归属地信息以及银行logo的需求,当初参考的是网上的一篇博客android根据银行卡卡号判断银行后来觉得数据不够权威或者数据信息不全,最近又发现了一个新的api接口,支付宝提供的根据银行卡号码获取银行卡归属地信息接口地址:https://ccdcapi.alipay.com/validateAndCacheCardInfo.json?_input_c
2017-04-01 10:25:58 32023 8
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人