七月_代码君-优快云博客

原创 Xcode安装ipa包

在xcode页面，选择Window -> Devices and Simulators

2018-04-27 16:29:02 1962

原创 Xcode archive闪退

点击Xcode - Preference 取消Source Control 的勾选项

2018-04-26 19:49:41 844

原创 React-Navigation 指定跳转到某个页面

两种跳转的情况通过路由一层层跳转从A-B-C-D，最好从D-A (从第二个页面开始传递参数)从A开始跳转到B,在B页面跳转至C页面的时候需要传递参数keythis.props.navigation.navigate('C', {key: this.props.navogation.state.key})从C跳转到D页面 const {params} = this.pro...

2018-04-23 15:01:28 5365 1

原创 React Native 适配iPhone X

项目中，使用react-navigation和自定义Header，这样保证iOS和安卓显示的Header显示一样navigation的头部高度为，sizeHeader=84，头部内容为，sizeHeaderContent=44，解决屏幕的高度问题，这时候直接在AppDelegate中实现 self.window = [[UIWindow alloc] initWithFrame:C

2017-12-04 14:11:43 2056 1

原创 React Native 封装金额自动保存两位小数组件

import React, { Component } from 'react';import { StyleSheet, View, Dimensions, Text} from 'react-native';import { Widget } from 'rn-yunxi';const { width, height } = Dimensions.get(

2017-11-29 10:43:09 4060

原创 React Native 多个列表共用一个ListView

多个列表共用一个ListView，导致切换Tab的时候，数据源没有及时切换，在下一个tab上面显示上一个tab的数据源。多个列表共用一个ListView写法，数据源根据放入一个数组中，Tab切换的时候获取指定下标的数据源，状态机也是。解决思路：先置空数据源，然后再将数据源cloneWithRows，因为我们本地状态机保存了dataArray数组。本文只记录思路，很多是封装好的组件和一些头文件导

2017-11-28 10:33:05 1200

原创 React Native 使用try catch解决TextInput输入的时候中文状态下崩溃的原因

项目中使用自提码，输入第一个的时候需要自动聚焦到第二个TextInput，然而找了外国人的一个组件：react-native-confirmation-code-input但是，这个输入框输入中文或者其他语言，键盘上面有候选字符串的时候，会出现崩溃的情况。于是在，项目中使用try catch完美解决下面贴上人家组件封装的源码：import React, {Component} from 'reac

2017-11-17 11:46:51 2969

原创 React Native 导出项目全局共用组件的模块

因为之前的一个地址挑选器被里面有这样的导出方式被网友察觉，然后私下问了我，怎么导出这样的模块的import { ReactNavComponent, Widget, Util } from 'rn-yunxi';const { RegexpUtil, StorageUtil } = Util;const { Button， Text } = Widget;写一篇文章，希望对大家有用：首先

2017-11-15 11:59:23 2225 1

原创 React Native 截取后端数据返回Html标签中的值

import React, { Component } from 'react';import { StyleSheet, View, Dimensions, Text} from 'react-native';import { Widget } from 'rn-yunxi';const { width, height } = Dimensions.get(

2017-11-15 10:04:03 2689

原创 React Native 全局属性和方法，全局Log, Api网络请求，全局样式

在index.ios.js或者index.android.js，导出项目import { AppRegistry,} from 'react-native';import Root from './store/Root';AppRegistry.registerComponent('Project', () => Root);在Root.js文件中import './Global';

2017-11-14 17:34:43 7870 3

原创 React Native ListView列表多个数据源和状态机，取值，刷新状态机

constructor(props) { super(props); this.dataSource = Array(2).fill( new ListView.DataSource({ /*判断这两行是否相同，就是是否发生变化，决定渲染哪些行组件，避免全部渲染，提高渲染效率*/

2017-11-14 17:09:24 420

原创 React Native 富文本封装

import React, {Component} from 'react';import { StyleSheet, View, Dimensions, TouchableOpacity, TextInput, Platform, Text} from 'react-native';const {width, height} = Dim

2017-10-31 11:49:45 4116

原创 React Native TableViewCell封装

iOS上TableViewCell在开发中很是常见，所以对cell的封装很有必要。import React, { Component } from 'react';import { StyleSheet, View, Image, Dimensions, TouchableNativeFeedback, TouchableOpacity, P

2017-10-31 10:47:24 1088

原创 React Native ./gradlew clean 提示Permission denied

直接打开终端，改变文件权限 $ chmod +x gradlew

2017-10-30 15:33:24 1143

原创 React Native 文件“launchPackager.command”无法执行，因为您没有正确的访问权限。

launchPackager.command没有执行权限 $ chmod 755 /Users/huieryun/Work/newretail-o2o-mobile/node_modules/react-native/packager/launchPackager.command $ chmod 755 /Users/huieryun/Work/newretail-o2o-mobile/nod

2017-10-30 15:26:34 16317

原创 React Native 二维码扫描ios（原生交互）

二维码扫描并且与iOS原生交互，github上导入iOS二维码的库https://github.com/kingsic/SGQRCode1、新建一个以RCT开头的.h文件#import <UIKit/UIKit.h>#import <React/RCTBridgeModule.h>@interface RCTYunXiQRCode : UIViewController<RCTBridgeModul

2017-10-27 17:26:34 608

原创 React Native 滚动页面置顶

封装：import React, {Component} from 'react';import PropTypes from 'prop-types';import {StyleSheet, Animated, View, PanResponder, Dimensions} from 'react-native';const screen = Dimensions.get("window");

2017-10-27 16:21:35 2394

原创 React Native ListView上拉刷新，下拉加载刷新，并添加网络无数据时的缺省图

import React, { Component } from 'react';import { StyleSheet, View, Dimensions, ListView, TouchableOpacity, Text, RefreshControl} from 'react-native';const { width, height

2017-10-26 16:31:06 424

原创 React Native 使用Redux全局共享state

一直想将项目中使用的redux，写成一篇博客，但是又碍于对Redux的掌握能力有限，只能在项目完结的时候，稍稍整理一下redux在项目中全局获取用户的信息，从用户登录，到修改用户信息，和退出登录全局使用Redux进行保存用户信息，修改用户信息，清空用户信息，一套小小的入门代码。项目中redux基于react-navigation，可做到：某个组件的状态，需要全局共享某个状态需

2017-10-26 15:43:11 2699

原创 React Native 购物车数量红色小角标封装

import React, {Component} from 'react';import { StyleSheet, View, Dimensions, Text} from 'react-native';const {width, height} = Dimensions.get('window');//模块声名并导出export default cla

2017-10-26 11:10:06 2644 2

原创 React Native 电商五星好评封装

import React, { Component, PropTypes } from 'react'import { View, StyleSheet, TouchableOpacity, Image,} from 'react-native';export default class StarRating extends Component { sta

2017-10-26 10:37:24 946

原创 React Native 友盟分享和第三方登录iOS(与原生交互)

友盟分享和第三方登录配置的文档点我看友盟官方文档1、首先我们需要在xcode中新建一个文件夹，里面放置RCTUmengShare.h和RCTUmengShare.m文件.h文件中的代码#import <Foundation/Foundation.h>#import <React/RCTBridgeModule.h>@interface RCTUmengShare : NSObject<RCTB

2017-10-25 10:41:53 1375

原创 React Native iOS打包配置和打包

配置：在package.json中的scripts加入 “start”: “node node_modules/react-native/local-cli/cli.js start”, “bundle-ios”: “node node_modules/react-native/local-cli/cli.js bundle –entry-file index.ios.js –pla

2017-10-25 10:10:39 517

原创 React Native 安卓打包并安装到手机

打包apk $ cd 项目根目录下的android文件夹路径然后执行下面的语句 $ ./gradlew assembleRelease 以上两部就将安卓的apk包安装好了其实你如果需要找到apk包，找到项目的android-app-build-outputs-apk安装apk包到手机 $ cd $ANDROID_HOME接下来 $ cd platform-tools安装

2017-10-25 10:06:03 769

原创 React Native Mac配置安卓环境

配置Android环境变量在终端中输入命令，进入用户目录 $ cd ~输入命令，该命令的作用是如果不存在.bash_profile文件，则创建该文件 $ touch .bash_profile输入命令，该命令的作用是用文本编辑器TextEdit打开.bash_profile文件。如果你是第一次配置环境变量，则该文档应该是空的。 $ open -e .bash_profile复制下面

2017-10-25 09:55:24 217

原创 React Native 利用自定义button封装购物车计数器

本文button见我的博客 button使用button,简单封装一个购物车计数器import React, { Component } from 'react';import { StyleSheet, View, Text, Dimensions} from 'react-native';import Button from '../button';c

2017-10-24 17:15:14 1375

原创 React Native 封装自定义的Button

自定义Buttonimport React, { Component } from 'react';import { StyleSheet, View, Dimensions, TouchableOpacity, TouchableHighlight} from 'react-native';import Text from '../text';//模

2017-10-24 17:03:10 1550

原创 React Native 解决Text在iOS、android中更改字体变大，导致项目文字变大布局错乱

项目强制不允许项目字体变大，重写Text的属性allowFontScaling={false}

2017-10-24 16:56:48 3158

原创 React Native 解决Image 圆角在安卓上面没效果

使用roundAsCircle={true}这个属性，可以解决安卓系统圆角没效果问题<Image roundAsCircle={true} resizeMode={'stretch'} style={{ width: 70, height: 70, borderRadius: 35}} source={require('../img/mine/ic_defa

2017-10-24 16:32:45 6427 1

原创 React Native 省市区地址选择器（仿京东）

产品经理：“你明白吧，这里向右划可以出菜单，然后需要一个闪烁的动画，还有，我想这个tab可以拉下来，你懂吧？设计师：“别废话，把你要抄的产品给我看下。” … 接下来，我们仿一下别人家的地址挑选器省市区数据格式的json文件项目基于react-native-scrollable-tab-view 组件编写，https://github.com/skv-headless/react-nativ

2017-10-24 16:19:55 6755 4

原创 React Native 通告消息竖向轮播组件封装

import React, {Component} from 'react'import { Text, View, Animated, Easing, StyleSheet,} from 'react-native'export default class ScrollVertical extends Component { static def

2017-10-24 15:16:01 3783 2

原创 React Native 不规则cell渲染布局

/** * Created by zhuang.haipeng on 2017/10/24. */import React, {Component} from 'react';import { View, TouchableOpacity, ListView, Dimensions, Image, Text} from 'react-nati

2017-10-24 11:06:50 843

原创 React Native scrollView下拉布局偏移

利用contentInset 和 contentOffset 实现ScrollView下拉布局偏移 <ScrollView style={{flex:1}} contentInset = {{top: -300}} contentOffset = {{y:300}}> <Image style={{height: Constant.scale(20

2017-09-27 12:04:44 1348

原创 React Native 解决RenderRow只渲染一次

数据源判断， rowHasChanged的时候数据源可变 let ds = new ListView.DataSource({ rowHasChanged: (r1, r2) => (r1, r2) => { return r1 !== r2; } });状态机声明一个数组保存每次。请求下来的数据，利用c

2017-09-25 18:09:01 1626

原创 React Native 原生RN嵌套webView，并自适应高度

封装自适应高度的webViewimport React, { Component } from 'react';import { Text, WebView, ScrollView, PixelRatio, View, Platform, ActivityIndicator,} from 'react-native';let thisWeb

2017-09-20 11:03:24 2944

原创 React Native 自定义modal

基于github上的react-native-root-siblings 封装的一个modal组件modal组件不再是React Native上的Modal组件，不需要通过状态机的方式来隐藏和展示布局/** * 基于 react-native-root-siblings 封装的一个modal组件 * 可自定义View * Toast.show(<View />) * Toast.h

2017-09-19 16:35:29 3225

原创 React Native 单选，复选, 全选功能

简单写了一个ListView数据的单选和全选，删除功能利用JS的Map对象进行勾选，取消勾选和全选方法简单粗暴 /** * Created by zhuang.haipeng on 2017/9/12. */import React, {Component} from 'react';import { StyleSheet, View, TouchableOpa

2017-09-12 19:47:16 9666

原创 React Native 广告，验证码倒计时工具类

因为以前直接用定时器，没去计算当前的时候，每次退出程序的时候，定时器一直不走，这个工具类简单的解决程序退出后台，定时器不走的bug，那么，直接上代码咯~~/** * Created by zhuang.haipeng on 2017.9.11 * * 广告倒计时,验证码倒计时工具类 * * 用法: //60 * 1000 为60秒 , 60 * 60 * 100 为60分钟 ...

2017-09-11 17:04:37 610

原创 Swift3.0 Cocoapods 安装方法

安装ruby环境打开终端，命令行从 $ 之后开始安装cocoapods，遇到了好多坑: ERROR: While executing gem … (Errno::EPERM) Operation not permitted - /usr/bin/xcodeprojERROR: While executing gem … (OpenSSL::SSL::SSLError)[!] The

2017-09-10 18:12:23 214

原创 Swift3.0 UINavigationController侧滑手势

UINavigationController侧滑import UIKitclass HPNavigationController: UINavigationController { override func viewDidLoad() { super.viewDidLoad() let navBar = UINavigationBar.appearance()

2017-09-10 12:59:02 409

省市区文件

空空如也