- 博客(114)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 2021-01-13
yum源配置1. 备份 将/etc/yum.repos.d目录下的文件打包压缩 复制粘贴到/tmp、目录下2. 建立本地源文件vim /etc/yum.repos.d/local.repo3. 挂载光盘 将光盘放入光驱，如果是虚拟机注意同时要选中已连接这个选项mkdir /mnt/cdrommount /dev/sr0 /mnt/cdrom小技巧： 这样挂载的方式每次重启linux就需要手动重新挂载 我们可以将挂载命令写入/roo...
2021-01-13 16:20:45
231
翻译 React Navigation5.x 第九章 全面屏model
上图中显示了一个完全铺满整个屏幕的model。model就像一个弹窗------它不是你导航中的页面-----其显示与隐藏都有其独特的方式，会向你展示一些特别的信息。将这个作为React Navigation框架的一部分进行讲解的目的不仅仅是因为其是我们经常会用到的，而且这也是实现嵌套导航所需掌握的知识点。其是React Navigation中很重要的一部分。创建一个model堆栈...
2020-04-09 11:09:52
624
翻译 React Navigation 5.x第八章 导航器的生命周期
在之前的章节中，我们学会了使用stack导航器，其有两个页面（Home和Details），并且知道如何使用navigation.navigate（‘RouteName’）在两个路由之间跳转。在这篇文章中，我们主要了解当我们离开Home页面的时候都发生了什么，以及当我们返回到这个这个的时候其又发生了什么？路由是如何知道用户离开或者返回到这个页面的。如果你之前从事过web相关工作，然后过来学习...
2020-04-03 16:27:44
1531
翻译 React Navigation5.x第七章 导航的嵌套
嵌套导航的意思就是说你新建了一个导航器，在这个导航器的导航页中又包含了另一个导航器。比如：function Home() { return ( <Tab.Navigator> <Tab.Screen name="Feed" component={Feed} /> <Tab.Screen name="Messages" comp...
2020-04-03 15:35:54
1128
翻译 React Navigation 5.x 第六章 导航头的按钮
现在我们知道了如何自定义我们导航头的样式，现在我们来让他能够响应我们的触摸事件。在导航头上添加一个按钮通常我们与导航头交互的方法就是点击位于标题左侧或者右侧的按钮。现在我们在导航头的右边添加一个按钮（这个地方也是你屏幕中最难触摸到的地方了）。function StackScreen() { return ( <Stack.Navigator> &l...
2020-04-01 15:31:50
1064
翻译 React Navigation5.x第五章配置导航头
我们已经演示过如何设置导航头的标题，现在我们一起来探讨一下导航头的其他设置。设置导航头的标题Screen组件都有一个options属性，这个属性可能是一个js对象或者是一个返回js对象的方法。这个属性包含了很多可配置的选项。而其中的title就是最常用的之一。function StackScreen() { return ( <Stack.Navigator>...
2020-03-27 11:26:23
1210
翻译 React Navigation5.X 第四章传递参数
现在，我们知道如何创建配置导航器，并且如何在路由页面之间跳转。现在让我们来探讨一下当我们跳转页面的时候如何传递参数。关于这个有两点需要强调:我们可以将参数封装成一个对象，然后将这个对象作为navigation.navigate方法的第二个参数，从而实现跳转的时候传递参数过去。 使用route.params方法读取传递过来的参数。我们建议你传递过来的参数是JSON序列化的。func...
2020-03-27 09:11:45
2341
翻译 React Navigation5.x 第三章 在页面之间跳转
在上一章中，我们定义了一个堆栈导航器，其有两个路由（Home，Details）,但是我们并不知道该如何从Home跳转到Detail页面如果这是一个web浏览器，我们就可以如下这般定义<a href="details.html">Go to Details</a>或者 我们也可以这样定义<a onClick={() => { win...
2020-03-26 15:37:54
1118
翻译 React Navigation5.x第二章 Hello React Navigation
注意：@react-navigation/stack 依赖于 @react-native-community/masked-view和其他的我们在第一章中安装的包。如果你现在还没有安装这些包，那么请转到第一章按照安装方法安装这些包。
2020-03-26 10:58:03
686
转载 认识HTTP
HTTP是一种超文本传输协议。那么什么是超文本传输协议呢？超文本传输协议可以进行文字分割：超文本（Hypertext）、传输（Transfer）、协议（Protocol），它们之间的关系如下按照范围的大小 协议>传输>超文本。下面分别对这三个名词做一个讲解什么是超文本在互联网早期的时候，我们输入的信息只能保存在本地，无法和其他电脑进行交互。我们保存的信息通畅都以文...
2020-03-25 09:25:11
775
转载 HTTPS协议
HTTPS为什么会出现？其解决了什么问题？简单的来说就是http不安全。由于HTTP天生明文传输的特性，在HTTP的传输过程中，任何人都有可能从中截获、修改或者伪造请求发送，所以可以认为HTTP是不安全的；在HTTP的传输过程中不会验证通信方的身份，因此HTTP信息交换的双方可能会遭到伪装，也就是没有用户验证；在HTTP的传输过程中，接受方和发送方并不验证报文的完整性，综上为了解决上述问题，H...
2020-03-20 10:15:57
533
原创 React Native Android9.0以上打包apk后http请求不到解决方法
错误原因：android9.0默认禁止访问不安全的请求，比如http。解决方案：方法1： 使用认证过的https（我用的是阿里云免费证书，因为使用https还得配置，所以用了http）方法2： 分为两步第一步：在res下新增加一个xml目录，然后创建一个名为network_security_config.xml文件如下图：文件内容如下：<?xml vers...
2020-01-07 14:43:04
2586
1
转载 setNativeProps详解
在React Native里面，如果要改变组件的样式可以通过state或者props来做到。但有些时候由于性能瓶颈，不得不放弃通过触发render的方式来改变样式，而是通过setNativeProps来直接更改原生组件的样式属性，以达到相同的效果。比如header渐变和搜索框出现都是直接通过setNativeProps来实现的。因为header要响应滚动事件，如果使用setState来实现的话...
2019-12-27 17:00:04
1908
原创 React Native调用Android原生中的权限请求
原生端 新建PermissionModulepublic class CcPermissionModule extends ReactContextBaseJavaModule { public CcPermissionModule(@Nonnull ReactApplicationContext reactContext) { super(reactCont...
2019-12-27 10:55:54
668
原创 配置android环境变量
今天搞个夜神模拟器玩玩，配置的时候需要运行adb命令，弹出不认识这个命令查找了一下原因，原来是android环境变量没有配置首先点击我的电脑--》属性--》高级系统设置--》环境变量新建系统变量E:\AndroidSDK\platform-tools 这个地址就是你androidSDK安装的地方了，根据个人电脑上安装地方的不同而不同大家要做相应更改点击确定后 在命令行窗...
2019-12-26 15:31:07
212
原创 adb shell logcat 命令的运用
android 开发的程序员开发程序的时候 ，一定为log而苦恼吧。Eclipse老是Log找不到，是不是很让人不爽，虽然Android Studio的Logcat功能很不错，蛋也没有在命令行terminal中打印出来更方便。adb logcat这个命令会输出Log的格式为日志时间，进程号，线程号，Log级别，TAG,后面跟的是Log内容。adb logcat -v time-v后...
2019-12-25 15:36:09
2686
1
原创 com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: INSTALL_PARSE
INSTALL_FAILED_VERSION_DOWNGRADErn安装到安卓设备上失败：原因：安装版本低于设备上已安装版本需卸载已存在版本
2019-12-25 11:40:03
1124
原创 RN打包错误集锦
打包注意事项： 1. 使用管理员身份打开命令窗口 2. 最好事先删除android/app/build目录，这个目录在打包的时候会重新生成 3. my-release-key.keystore必须放在android/app目录下，否则会报找不到该文件。...
2019-12-25 09:50:24
499
原创 React Native与Android原生通信
我们用React Native 做混合开发的时候免不了要原生和React Native进行通信交互，这篇文章就是分享原生模块与JS传递数据的几种方式。总的步骤可以分为以下几点：1. 在原生端定义Module类继承ReactContextBaseJavaModule，在Module类里定义交互的方法。2. 定义Package类，继承ReactPackage，将Module实例添加到集合。...
2019-12-19 16:28:24
461
原创 React 工作原理
Reactjs 起源于Facebook内部项目，是一个用来构建用户界面的 javascript 库，相当于MVC架构中的V层框架，与市面上其他框架不同的是，React 把每一个组件当成了一个状态机，组件内部通过state来维护组件状态的变化，当组件的状态发生变化时，React通过虚拟DOM技术来增量并且高效的更新真实DOM。本文将对React 的这些特点进行简单的介绍。一个简单的React组件...
2019-12-19 14:45:42
2265
原创 RN面试题 JS基础知识
JS基础知识 1. for-of 循环 使用for-of的时候，循环的是数组内部的元素且不会出现for-in 中将附加属性也遍历的情况，其次，循环变量的类型和其在数组中的类型保持一致，而不是全部是string的情况。var arrObj = ['alexchen',1,{}];arrObj._name = 'attr-alexchen';for (var i of arrOb...
2019-12-19 10:29:52
1531
原创 Error:Execution failed for task ':app:transformDexArchiveWithExternalLibsDexMergerForDebug'的解决办法
昨天因为更改了许多代码 导出出现了某个莫名其妙的问题，百般调试下没有任何进展 只好将项目删掉，从github上重新clone了一份，经过挑时候最终出现了这个错误出现这个错误的原因是包的重复引用，意思就是说之前你在项目中引用了某个包，现在你又重新引入该包就会导致:transformDexArchiveWithExternalLibsDexMergerForDebug错误。我的解决方法是...
2019-12-05 14:53:33
632
原创 Execution failed for task ':react-native-gesture-handler:compileDebugJavaWithJavac'
因为项目除了一些莫名其妙的问题，百般检查之后无果，最后不得已删除了原项目又从github上clone了一份项目将项目clone下来后，在项目目录中运行了npm i命令（下载modules）后执行react-native run-android命令 爆出如下错误原因估计是因为clone之后的项目有些包需要重新安装吧解决方案 依次运行npm i jetifiernpx jet...
2019-12-05 11:42:15
3742
原创 常用npm 命令
npm i 就是npm install的简写下载modules(我从github上clone一份项目后需要用到这个命令）实际使用的区别点主要如下(windows下)：1. 用npm i安装的模块无法用npm uninstall删除，用npm uninstall i才卸载掉2. npm i会帮助检测与当前node版本最匹配的npm包版本号，并匹配出来相互依赖的npm包应该提升的版本号...
2019-12-05 11:07:31
141
转载 React Native 放抖延时
防抖延时是经常用到的动能，比如处理滚动事件做一些复杂计算，这样就会频繁调用回调函数，很容易造成页面的卡顿。这种情况下，我们更希望把多次计算合并成一次，只操作一个精确点，我们普遍把这种方式成为debounce(防抖)和throttle（节流）当持续触发事件时，一定时间段内没有再触发事件，事件处理函数就会执行一次，如果设定事件到来之前，又触发了事件就重新开始延时。也就是说当一个用户一直触发这个函数...
2019-11-29 10:31:48
599
原创 ES6 Set集合
集合的概念集合是由一组无序且唯一的项组成的。这个数据结构使用了与有限集合相同的数学概念。集合的特点key 和value的个数相同，没有重复的value。类似于数组 但是成员的值都是唯一的，没有重复的值创建setset是一个构造函数const s = new Set([1,2,3]);console.log(s)set实例的属性属性 释义 size ...
2019-11-20 16:02:03
133
原创 Unsupported top level event type "onGestureHandlerStateChange" dispatched
关于0.61 iOS正式版闪退报 “Unsupported top level event type "onGestureHandlerStateChange" dispatched”问题解决方案：在根目录的index.js 最最最顶上加上import 'react-native-gesture-handler'...
2019-11-19 14:12:34
1068
原创 获取中国节假日信息api
1、接口地址：http://api.goseek.cn/Tools/holiday?date=数字日期2、返回数据：正常工作日对应结果为 0, 法定节假日对应结果为 1, 节假日调休补班对应的结果为 2，休息日对应结果为 33、节假日数据说明：本接口包含2017年起的中国法定节假日数据，数据来源国务院发布的公告，每年更新1次，确保数据最新4、示例：http://api.goseek.cn/T...
2019-11-18 15:38:44
4098
1
原创 透明度与十六进制对应表
透明度 十六进制 100% FF 99% FC 98% FA 97% F7 96% F5 95% F2 94% F0 93% ED 92% EB 91% 90% 89% 88% 87% 86% 85% ...
2019-11-13 09:36:52
479
原创 使用导航键
参数：key 在不同的导航功能中会反复使用到，今天让我们看一下其主要的用法。navigate 的调用方法 如果没有提供key，StackRouter的行为如下： 如果已经存在具有给定名称的路由，StackRouter将跳转到现有路由，同时设置新参数。 如果不存在这样的路由，StackRouter会将它推入堆栈。但是如果您要推送相同路由的多个...
2019-11-05 17:13:11
430
原创 当无法获取到navigation属性的时候该如何导航
通常我们可以使用navigation属性上的navigate或者popToTop方法来进行应用内的导航。但 这并不是导航的唯一方法，如果你没有使用像redux集成一样传递自己的navigation属性，那你就可以使用顶级导航器来分发你的导航操作。当你想要触发导航操作而又无法获得navigation属性的时候，你可以尝试下面的方法。通过ref 访问导航器，并将其传递给我们稍后将使用其进行导航的N...
2019-11-05 11:52:29
476
原创 React Native集成高德地图(android)
首先要在这个网站上注册用户 然后根据说明创建应用,在应用右边点击加号添加key。如何获取key: https://lbs.amap.com/api/android-sdk/guide/create-project/get-key获取key之前需要填写两个SHA1值 ，一个是发行版本的SHA1值 一个是调试时候的SHA1值获取调试版本SHA1值（需要根据开发工具的不同来生成，我用的...
2019-10-31 09:27:57
1471
1
原创 Fetch 请求的超时设置与终止请求
最近在做一个项目，里面涉及到用户自定义服务器地址，这个服务器地址需要验证。原本请求用的是fetch。fetch本身并不支持超时处理，为了有较小的改动就能够实现超时的问题，我研究了一下。在使用XMLHttpRequest可以设置请求超时时间，可是转用Fetch后，超时时间设置不见了,在网络不可靠的情况下，超时设置往往很有用ES6以后Promise 出现解决地狱回调等不优雅的代码风格。个人理解...
2019-10-23 17:34:10
1895
转载 Redux实现数据持久化
在开发的过程中，数据用redux管理，觉得希望将数据持久化保存，也就是说当用户下一次打开APP或者网站的时候，我们希望浏览器或者APP自动加载上次的数据，怎么办？有没有一个统一的方式？有的，这就是简单易用的redux-persist,事情会比你想象中的简单太多。下面是官方示例代码：import { PersistGate } from 'redux-persist/es/integr...
2019-10-22 09:58:52
672
原创 Can't perform a React state update on an unmounted component.
这是一个警告，大意就是说不能更新一个已经被卸载的组件的state.报错详情如下：我使用的是redux来管理我组件的state,我们都知道通常到我们的导航器导航到另一个页面的时候，先前的页面会被卸载掉，假若这个时候你的redux返回了先前页面的state，那么就会报这个警告。但是这里面有一种页面是例外，那就是导航器的首页。默认就是第一个页面，我们也可以通过initialRouteNa...
2019-10-17 10:15:41
2543
1
转载 React Native 加载动画
第一步：屏蔽react-navigation默认的过渡动画 在创建createStackNavigator的时候，我们可以设置其相应的属性值，其中有一个transitionConfig的属性。官方解释为它是一个用于返回屏幕过渡对象的函数，该对象中也包含了其他的属性，如下：/** * Describes a visual transition from one screen t...
2019-10-16 11:26:26
683
原创 android 打包错误:error: failed to read PNG signature: file does not start with PNG signature
React Native android打包时候报错：原因是无法读取PNG签名：文件没有从PNG签名开始。这个一般是图片格式有问题，像我就是将原先jpg图片将其后缀名改为png而导致了这个错误。重新处理图片再加载就解决问题了。解决方法：找到对应的图片，右键编辑下，重新另存为png类型的图片就可以了。...
2019-09-29 09:37:21
538
原创 VirtualizedList: You have a large list that is slow to update - make sure your renderItem function r
报错如下：React Native的FlatList 底层是VirtualizedList.这个鸡儿使用ScrollView的onScroll事件来进行渲染效率的统计。主要的指标 dt 和 preDt 指出了您触发这个onScroll事件的频率。当onScroll事件触发的时候，我们存储其相应的时间戳，通过对时间戳的比较来得出结论。dt指代当前。prevDt指代前一个事件触发的时间点...
2019-09-19 10:30:04
4028
原创 Failed to run jetifier
今天想做个小案例，就init了一个项目我们知道react-native init XXX命令默认下载的都是react-native的最新版本，我之前用的是RN 0.59 这次使用的是0.6果然react-native run-android之后就报错了虽然运行react-native run-android --no-jetifier 就不会报错了，但是我觉得是在规避问题，在网...
2019-09-12 16:14:40
1179
原创 React Native svg入门
首先安装并链接该库yarn add react-native-svgreact-native link react-native-svg常用模块类型 描述 Svg 承载绘图区域 Circle 圆 Eclipse 椭圆 G 包裹块（个人认为是为了单纯的层次分明） LinearGradient 线性渐变，可以做颜色的线性渐变效果...
2019-09-12 09:48:42
1267
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人