React-Native
文章平均质量分 50
React-Native
学习笔记999
装逼得逼,求仁成仁,念念不忘,必有回响
展开
-
JS身份证号码校验大全史上最全号称公安局安全监测
身份证号码校验function testid(id) { // 1 "验证通过!", 0 //校验不通过 // id为身份证号码 var format = /^(([1][1-5])|([2][1-3])|([3][1-7])|([4][1-6])|([5][0-4])|([6][1-5])|([7][1])|([8][1-2]))\d{4}(([1][9]\d{2})|([2]\d{3}))(([0][1-9])|([1][0-2]))(([0][1-9])|([1-2][0-9原创 2021-03-24 17:32:04 · 967 阅读 · 0 评论 -
js 去掉数组对象中的重复对象
在数组对象中去掉重复的对象:export function deteleObject(obj) { var uniques = []; var stringify = {}; for (var i = 0; i < obj.length; i++) { var keys = Object.keys(obj[i]); keys.sort(function(a, b) { return (Number(a) - Number(b)); }); var str = ''; for (var j =.原创 2020-12-09 03:22:56 · 1351 阅读 · 1 评论 -
Library not found for -lstdc++.6.0.9
下载这个脚本,这个脚本能一键配置:https://github.com/devdawei/libstdc-具体使用方法:Xcode 10和Xcode 11中删除的libstdc++库先下载下来这个项目,然后把该文件拖到桌面,然后打开终端cd到刚下载的这个文件夹:libstdc--master文件夹;如果你使用的是 Xcode 10,则打开刚下载的这个文件夹,在里面找到:install-Xcode_10.sh,这个文件,在将install-Xcode_10.sh拖到终端中执行即可。Xcode 11 b原创 2020-07-06 14:28:54 · 240 阅读 · 0 评论 -
React Native — Unknown argument type ‘attribute’ in method -[RCTAppState getCurrentAppState:error:].
React/Base/RCTModuleMethod.mm91行static BOOL RCTParseUnused(const char **input) { return RCTReadString(input, "__attribute__((unused))") || RCTReadString(input, "__attribute__((__unused__))") || // 添加此行 ...原创 2020-07-02 15:51:47 · 428 阅读 · 0 评论 -
git push failed to push some refs to xxxx 失败与解决方法
今天想把最近的一些小代码push到github上我先是将该目录git init进行初始化,然后git add -A ,接着git commit -m “description...”然后在github上新建一个远程库,想要将其与我本地的库相关联,使用:git remote add origin git@github.com:YOURGITHUBNAME/REPOS...原创 2018-08-17 18:17:37 · 10400 阅读 · 2 评论 -
react-native-image-crop-picke
No known class method for selector 'labelColor'QBImagePicker/QBAssetsViewController.m:198:31: error: no known class method for selector 'labelColor''RCTImageURLLoader.h' file not found解决方案: #ifdef __IPHONE_13_0 if (@available(iOS 13.0, *)) .原创 2020-06-28 17:22:37 · 476 阅读 · 0 评论 -
React/RCTRootContentView.h file not found Cannot read property Direction of undefined
'React/RCTRootContentView.h' file not found Cannot read property 'Direction' of undefined Got the same error using 1.5.0 on RN 0.59.9To temporarily downgrade put this in your package.json:"react-native-gesture-handler": "~1.4.0",And reinstall y...原创 2020-06-28 17:05:04 · 1433 阅读 · 0 评论 -
TypeError: Cannot read property contain of undefined
Unhandled JS Exception: TypeError: TypeError: Cannot read property 'contain' of undefinedRN版本升级 : resizeMode={Image.resizeMode.center} 改成 resizeMode={'center'}原创 2020-06-28 17:03:01 · 967 阅读 · 0 评论 -
Error: Unable to resolve module `../../image/Home/@2x.png`
error: bundling failed: Error: Unable to resolve module `../../image/Task/xxx@2x.png` from `/Users/xxxx/TaskDetails.js`: The module `../../image/Task/weixin@2x.png` could not be found from `/Users/xxx.js`. Indeed, none of these files exist:* `weixin@2x.pn原创 2020-06-28 16:58:15 · 1197 阅读 · 0 评论 -
react-native-swiper 轮播最后一张图跑到第一章
componentDidUpdate() { const scrollView = this.scrollView scrollView.scrollBy(0, false) }<Swiper ref={(e) => { this.scrollView = e }} //加上这句 防止最后一张跑到第一张 shows...原创 2020-04-23 22:43:27 · 1021 阅读 · 0 评论 -
react-native code-push热更新手动link-ios
安装 CodePush CLI管理 CodePush 账号需要通过 NodeJS-based CLI。只需要在终端输入 npm install -g code-push-cli,就可以安装了。安装完毕后,输入 code-push -v查看版本,如看到版本代表成功。PS.npm为NodeJS的包管理器,如果你没安装NodeJS请先安装。创建一个CodePush 账号在终端输入code-...原创 2020-03-20 17:36:03 · 305 阅读 · 0 评论 -
JavaScript 复杂判断的更优雅写法
先看一段代码/** * 按钮点击事件 * @param {number} status 活动状态:1 开团进行中 2 开团失败 3 商品售罄 4 开团成功 5 系统取消 */const onButtonClick = (status)=>{ if(status == 1){ sendLog('processing') ...原创 2019-12-12 16:13:42 · 182 阅读 · 0 评论 -
react-native navigation 返回刷新
<TouchableOpacity onPress={()=>this.turnTo()}> <Text> 123</Text> </TouchableOpacity> turnTo(){ this.props.navigation.n...原创 2019-11-21 14:44:49 · 1319 阅读 · 0 评论 -
react-native Cached Bundles 问题
当打开debugger的时候得到的是Cached Bundles,里面显示Failed to load resource: the server responded with a status of 404 (Not Found)。爆红显示:Runtime is not ready for debuggingMake sure Packager server is runningMake...原创 2019-10-21 11:26:23 · 629 阅读 · 0 评论 -
localStorage的过期时间设置的方法
版权声明: https://blog.csdn.net/xyphf/article/details/51830770 我们都知道localStorage不主动删除,永远不会销毁,那么如何设置localStorage的过期时间呢,今天我们来一起尝试一下! <s...转载 2018-11-19 16:55:54 · 1454 阅读 · 0 评论 -
react-native缓存数据
1. 设置缓存时间export const setCache = (code, mobile, isSetCache) => { // code 接口号 mobile 缓存的手机号 isSetCache 是否缓存 if (!isSetCache) return [] // 查看是不是有数据 有的话返回空不进行缓存数据 const codeP = mobile + code co...原创 2019-06-05 16:52:26 · 1478 阅读 · 0 评论 -
Input 只能输入数字,数字和字母等的正则表达式
JS只能输入数字,数字和字母等的正则表达式1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" />2.只能输入数字,能输小数点.<input onkeyup...原创 2019-05-10 17:42:02 · 8407 阅读 · 0 评论 -
react-native之 redux-persist 数据存储
希望可以帮助大家使用和了解redux-persist的相关能力接入npm i --save redux-persist如果你使用了immutablenpm i --save redux-persist-immutable使用// store.js import { persistStore, autoRehydrate } from 'redux-persist'// or// i...原创 2019-04-22 17:37:49 · 1783 阅读 · 0 评论 -
react-native-video中文文档
简介一个react-native视频播放组件,可以实现视频播放的效果。 要求react-native版本 >= 0.40.0;对于RN支持0.19.0 - 0.39.0,请使用1.0之前的版本。最新版本(3.0.0)改动3.0版对现有行为进行了许多更改。 请参阅#更新目录安装使用更新一、安装使用npm安装依赖库:npm...转载 2019-04-12 17:31:27 · 1623 阅读 · 0 评论 -
ReactNative之Image组件自适应高度,图片自适应大小
因为在现在0.50包括之前的ReactNative版本,Image组件必须要设置宽高才能显示。所以在图片宽高不确定的情况下,如何来让图片自适应屏幕高度呢?需求原因:因为做商城详情页面的图片长短不一,所以要自适应图片显示高度。这个需求就产生了。以下方法:getSize方法 传入imageUri(图片的uri路径,支持本地和网络路径)Image.getSize(ima...原创 2018-11-05 16:36:40 · 10619 阅读 · 1 评论 -
React Native之Modal组件实现遮罩层效果
React-Native中Modal的使用/** * React Native App * dongtao 2017/04/22 * @flow */ import React, { Component } from 'react';import { AppRegistry, StyleSheet, Text, Modal, PixelRatio, View} from 'rea...原创 2019-04-11 16:55:54 · 1978 阅读 · 0 评论 -
react-native新导航组件react-navigation详解
react-navigationreact-navigation 是今年1月份新出的一款react-native导航组件, 才几个月github就三千多star, 半官方身份, fb推荐使用, 据称性能和效果跟原生差不多. 可能是react-native导航组件的未来主流. 但现在还是beta版本(最新v...转载 2019-04-11 16:52:14 · 639 阅读 · 0 评论 -
JS数组遍历删除添加转换排序填充扩展运算符去重查找
本文篇幅较长,建议点赞保存再看,也便于日后翻阅。创建一个数组: // 字面量方式: // 这个方法也是我们最常用的,在初始化数组的时候 相当方便 var a = [3, 11, 8]; // [3,11,8]; // 构造器: // 实际上 new Array === Array,加不加new 一点影响都没有。 var a = Array(); // []...转载 2019-04-11 16:49:03 · 576 阅读 · 0 评论 -
ReactNative实战 (三) FlatList 上下拉刷新的使用
先看看效果图写在前面官方文档常用Demo的接口先看看效果图写在前面因为下面接口 是http 协议的。 苹果会报错 所以需要 根据下面博文 修改一下 http://blog.csdn.net/u011439689/article/details/62046799 App Transport Security S...转载 2019-04-11 16:25:20 · 579 阅读 · 0 评论 -
关于ReactNative0.56版本Flatlist列表内容跳动的问题
Reactnative的版本升级一直是一个工作量比较的大的事情,每次升级都可能伴随着很多的坑。前段时间在升级到0.56版本的时候发现一个问题,在flatlist使用中,加载多页后,列表项内容开始进行上下抖动的乱跳,疯了一样。于是开始上react-native的issues上寻找答案,有通过查看官方的版本升级日志找到了答案:react-native...原创 2019-04-11 16:23:00 · 539 阅读 · 0 评论 -
js一维数组转二维数组
使用场景举例:接口返回一个数组对象,展示时每行固定显示n个,则可将返回的数组转成二维数组[[...n], [...n]...]的形式循环展示。a.数组元素为基本类型: let baseArray = [1, 2, 3, 4, 5, 6, 7, 8]; len len = baseArray.length;...原创 2018-12-25 21:46:28 · 2044 阅读 · 1 评论 -
在 React Native 中使用 Hooks
React官方在 2018 ReactConf 大会上宣布 React v16.7.0-alpha(内测) 将引入 Hooks。什么是Hooks,我们来了解一下。什么是Hooks?在平时开发过程中,我们一般都会遇到如下问题:1. 难以重用和共享组件中的与状态相关的逻辑2. 逻辑复杂的组件难以开发与维护,当我们的组件需要处理多个互不相关的 state 时,每个生命...转载 2019-06-05 17:13:28 · 911 阅读 · 2 评论 -
React Native性能优化(一)
前人种树后人乘凉http://www.jianshu.com/p/11f38925f5ad原文地址一、异步逐层渲染。React Native 虽然一直标榜媲美Native的体验,但实际使用下来,其渲染性还是非常低效,基于ScrollView和ListView两大容器,在渲染上,相当于web端的table布局,需要等整个大table渲染完成才显示页面,也就是说,当容器内有大量的子元素,...转载 2019-06-05 17:15:59 · 405 阅读 · 0 评论 -
React Native性能优化(二)
前人种树后人乘凉原文地址自从React Native出世,虽然官方一直尽可能的优化其性能,为了能让其媲美原生App的速度,但是现实感觉有点不尽人意。接下来介绍下实践中遇到的一些性能问题以及优化方案。以下对性能参数的依据是来自于React Native自带的FPS Monitor.一、Navigator页面切换动画优化场景: 在Navigator还没出来时,导航器是由Navigat...转载 2019-06-05 17:17:34 · 270 阅读 · 0 评论 -
redux-form
1第一件要做的事当然是安装依赖啦,通过终端进入项目所在目录,写入npm install redux-form安装依赖(前提:已成功配置node的运行环境,并且已安装好react和redux的相关依赖)2在入口文件中写入以下代码:import { createStore, combineReducers } from 'redux'import { reducer as for转载 2018-01-23 17:39:48 · 421 阅读 · 0 评论 -
ReactNative SectionList state更新,视图不更新的问题
<SectionList renderSectionHeader={this._sectionComp} renderItem={this._renderListRow} sections={this.state.dataBlobSort} e...原创 2019-08-25 22:10:12 · 827 阅读 · 0 评论 -
React-Native 设置背景图片--ImageBackground
在RN版本0.46版本的时候添加了ImageBackground控件。ImageBackground可以设置背景图片,使用方法和image一样,里面嵌套了其他的组件 <ImageBackground style={{ flex: 1 }} source={require('../../res/image/login_beijing.png')}> ...原创 2019-06-27 16:06:29 · 13322 阅读 · 0 评论 -
react native this绑定以及箭头函数
对于react native 绑定this,我将其归类为以下四种方式:bind 箭头函数 ::运算符使用箭头函数定义函数首先明确观点,我向大家推荐第四种方式:...原创 2019-06-27 16:03:47 · 439 阅读 · 0 评论 -
vue入口main.js文件解析
// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.import Vue from 'vue'import App from './App'import router ...原创 2019-06-17 18:14:00 · 2583 阅读 · 0 评论 -
【vue】index.html main.js app.vue index.js怎么结合的? 怎么打包的?
怎么结合的: 一、启动项目 第一步:cmd进入项目文件里,运行npm run dev 启动项目 这里说明启动端口号是8080 第二步:往页面输...转载 2019-06-17 16:15:06 · 830 阅读 · 0 评论 -
ReactNative 升级
这里主要记录的是 react native(0.46.4)升级到(0.50.1)的情况。react-native react 之间对应版本关系链接地址 。1.首先先安装一下升级的工具(最新版本的)npm install -g react-native-git-upgrade2.然后执行升级命令(最新版本...原创 2019-06-19 14:38:20 · 277 阅读 · 0 评论 -
axios在vue中的简单配置与使用
尤雨溪之前在微博发布消息,不再继续维护vue-resource,并推荐大家开始使用 axios 。一、axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征:https://hzzly.github.io/2017/03/12/axios%E5%9C%A8vue%E4%B8%AD%E7%9A%84%E7%AE%...转载 2019-06-05 17:28:03 · 625 阅读 · 1 评论 -
React Native性能优化(四)
前人种树后人乘凉原文地址一、优化Component很多人在定义一个class时都会去继承Component,这并没有错,但是如果一个子组建也继承了Component,那么当父组建render时也会导致子组建的render,怎么解决呢?其实很简单只需要我们的子组建去继承PureComponent即可。个人建议自定义的class都可以去继承PureComponent从而避免不必要的ren...转载 2019-06-05 17:18:46 · 127 阅读 · 0 评论 -
React Native性能优化(三)
前人种树后人乘凉原文地址你需要了解什么是帧在你的祖父辈,它们一般把视频称为”移动的图片”的一个原因是:视频中逼真的动作是以固定的速度,快速改变静态的图片创造出来一个错觉。这里的每一个图片就一个是帧。每一秒中图片的数量(帧),它直接影响了视频的真时性(或者app中的用户界面). iOS的设备是每秒60帧。它也就给了你以及UI系统大约16.67毫秒的时间,来完成生成一张静态图片(帧)的所...转载 2019-06-05 17:18:11 · 182 阅读 · 0 评论 -
Warning: ismounted(.)is deprecated in plainJavascript React classes. Instead
Warning: ismounted(.)is deprecated in plainJavascript React classes. Instead, make sure toclean up subscriptions and pending requests incomponentwillunmount to prevent memory leaksimport { YellowB...原创 2019-06-20 16:16:48 · 347 阅读 · 0 评论