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