随笔分类 -  React Native

摘要:1、安装第三方库并引入 import CameraRoll from '@react-native-community/cameraroll'; import RNFS from 'react-native-fs'; Github参考链接:CameraRoll RNFS 2、添加权限 <uses-p 阅读全文
posted @ 2020-05-09 18:06 Mr·Xu 阅读(1275) 评论(0) 推荐(2) 编辑
摘要:1、bugly收集 #00 pc 00000000000f7748 /data/app/com.firereactnaitve-1/lib/arm64/libjsc.so (JSC::AccessCase::propagateTransitions(JSC::SlotVisitor&) const+ 阅读全文
posted @ 2020-04-24 14:19 Mr·Xu 阅读(1002) 评论(1) 推荐(1) 编辑
摘要:1、字符串中是否包含某个指定的url checkInviteUrl(text) { var isLega = true if (text.indexOf("https://meteora.xyz/#/t/") !== -1) { let str = text.slice(-10) for(var i 阅读全文
posted @ 2020-04-22 11:05 Mr·Xu 阅读(2174) 评论(2) 推荐(3) 编辑
摘要:Lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库。 Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。Lodash 的模块化方法 非常适用于: 遍历 array、object 和 str 阅读全文
posted @ 2020-03-12 21:17 Mr·Xu 阅读(1365) 评论(1) 推荐(2) 编辑
摘要:React非常快速是因为它从不直接操作DOM。 虚拟DOM是在DOM的基础上建立了一个抽象层,对数据和状态所做的任何改动,都会被自动且高效的同步到虚拟DOM,最后再批量同步到DOM中。 在React中,render执行的结果得到的并不是真正的DOM节点,而仅仅是JavaScript对象,称之为虚拟D 阅读全文
posted @ 2020-03-01 21:22 Mr·Xu 阅读(312) 评论(0) 推荐(1) 编辑
摘要:1、JS的单线程 所有的事件处理,API请求,等操作都在这个线程上,在this.setState大量数据时,状态的变动会导致re-render,这期间所有由JavaScript 控制的动画都会出现卡顿掉帧。 比如在切换路由时,帧数会有明显抖动。此时如果有一些在componentDidMount 执行 阅读全文
posted @ 2020-03-01 10:00 Mr·Xu 阅读(482) 评论(2) 推荐(2) 编辑
摘要:前提:微信平台注册,请自行百度。本篇主要是针对react native中使用react-native-wechat进行android端的分享。 1、Android版本安装配置方法 在android/settings.gradle文件下添加以下代码: include ':RCTWeChat' proj 阅读全文
posted @ 2020-02-27 23:01 Mr·Xu 阅读(1118) 评论(1) 推荐(1) 编辑
摘要:React Native官方提供Linking库用于调起其他app或者本机应用。Linking的主要属性和方法有: 属性与方法 canOpenURL(url); 判断设备上是否有已经安装相应应用或可以处理URL的程序,本方法会返回一个Promise对象,只有一个回调参数,格式为Boolean值。 o 阅读全文
posted @ 2020-02-26 22:55 Mr·Xu 阅读(606) 评论(0) 推荐(0) 编辑
摘要:在React开发中,我们可能经常会遇到这个一个警告: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your appli 阅读全文
posted @ 2020-02-26 22:47 Mr·Xu 阅读(355) 评论(0) 推荐(0) 编辑
摘要:使用Agora集成语音通讯 阅读全文
posted @ 2020-02-22 21:44 Mr·Xu 阅读(1249) 评论(0) 推荐(0) 编辑
摘要:1、Debug模式下会报如下错误: 错误:Invariant Violation:Calling synchronous methods on native modules is not supported in Chrome. Consider providing alternative meth 阅读全文
posted @ 2020-02-19 14:39 Mr·Xu 阅读(1268) 评论(1) 推荐(0) 编辑
摘要:之前写过一篇异步获取的,但是不能满足开发中,同步读取的需求。链接:https://www.cnblogs.com/xjf125/p/10456720.html 今天封装了一个同步获取本地键值对。 import React from "react"; import { AsyncStorage } f 阅读全文
posted @ 2020-02-17 23:39 Mr·Xu 阅读(1525) 评论(0) 推荐(0) 编辑
摘要:1、实例代码: import React, {Component} from 'react'; import PropTypes from 'prop-types'; import { StyleSheet, Text, View, TouchableOpacity, Dimensions, Scr 阅读全文
posted @ 2020-02-12 20:11 Mr·Xu 阅读(655) 评论(0) 推荐(0) 编辑
摘要:出现了这个Warning: Activity not started, its current task has been brought to the front这个错误而言,我在网上查了一下,原因是两个应用中的一个已经在系统的缓存中,这是android的机制。相应的解决方法是:重新启动一下模拟器 阅读全文
posted @ 2020-02-12 12:42 Mr·Xu 阅读(958) 评论(0) 推荐(0) 编辑
摘要:1、引入组件 import { BackHandler, } from 'react-native'; 2、添加监听 componentDidMount(): void { BackHandler.addEventListener('hardwareBackPress', this.onBackBu 阅读全文
posted @ 2020-02-10 11:29 Mr·Xu 阅读(2256) 评论(0) 推荐(0) 编辑
摘要:1、基本语法 (1)接收通知格式 import { DeviceEventEmitter } from 'react-native'; ... componentDidMount() { //收到监听 this.listener = DeviceEventEmitter.addListener('通 阅读全文
posted @ 2020-02-08 22:16 Mr·Xu 阅读(900) 评论(0) 推荐(0) 编辑
摘要:实例代码: import React, { Component , PropTypes} from 'react'; import { AppRegistry, StyleSheet, Text, View, TextInput, TouchableOpacity } from 'react-nat 阅读全文
posted @ 2020-02-08 22:05 Mr·Xu 阅读(545) 评论(1) 推荐(1) 编辑
摘要:修改名称 应用程序的名称默认是使用 react-native-cli 创建项目时的名称。修改的方式很简单,找到相应的配置然后修改即可。例如,我初始化的项目名称叫 test,现在想修改成 测试程序。 Android 编辑 android/app/src/main/res/values/strings. 阅读全文
posted @ 2020-02-08 01:06 Mr·Xu 阅读(699) 评论(0) 推荐(0) 编辑
摘要:错误1:* What went wrong: Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallExc 阅读全文
posted @ 2020-02-08 01:03 Mr·Xu 阅读(3778) 评论(0) 推荐(0) 编辑
摘要:错误1、Import fails with "Failed to execute 'ImportScripts' on 'WorkerGlobalScope'" 解决1、如果是在Degbug模式下,关闭turn off Debug JS Remotely。再重新运行即可。 错误2:rn报错 unha 阅读全文
posted @ 2020-02-07 09:51 Mr·Xu 阅读(3388) 评论(1) 推荐(0) 编辑

点击右上角即可分享
微信分享提示