随笔分类 - react-native
摘要：一、使用ref配合 setNativeProps setNativeProps方法可以理解为web的直接修改dom。使用该方法修改View、Text等RN自带的组件，则不会触发组件的componentWillReceiveProps、shouldComponentUpdate、componentWi
阅读全文
摘要：创建数据的方式 const map = immutable.Map({ a : 1, b : 2, c : { f : 5 } }) const map = immutable.fromJS({ a:1, b:2, c:3, d : { f : 4 } }) const list = immutab
阅读全文
摘要：注：本文只是给自己的记录，侵权请联系！ 参考链接：https://www.jianshu.com/p/e07a5f2de42d demo0： import React from 'react'; import {View, StyleSheet, PanResponder, Text} from "
阅读全文
摘要：通过添加手势事件 // dx 和 dy：从触摸操作开始到现在的累积横向/纵向路程 // // moveX 和 moveY：最近一次移动时的屏幕横/纵坐标 // // numberActiveTouches：当前在屏幕上的有效触摸点的数量 // // stated：和之前一样，用来识别手指的ID //
阅读全文
摘要：装饰器函数 装饰器中执行的顺序为从内到外，先执行视图组件的构造函数 ，在从内到外执行装饰器中的构造函数。 如果@asd（‘’）是一个方法，那么需要闭包多嵌套一层函数 function asd(params) { console.log(params); return function DDDD(wr
阅读全文
摘要：react.memo react.lazy usememo usecallback 父元素更新，子元素不更新，memo，当props发生改变时才去更新子组件 function Parent() { const [count, setCount] = useState(1); const [val,
阅读全文
摘要：const url = Platform.OS 'ios' ? `iosamap://navi?sourceApplication=oa&lat=39.90980&lon=116.37296&dev=0` : `androidamap://navi?sourceApplication=appname
阅读全文
摘要：1、react-native-device-info 可以获取当前设备的版本信息，版本名称等； https://www.npmjs.com/package/react-native-device-info#api 2、react-native-webview 引入webview https://bl
阅读全文
摘要：安装yarn add react-native-webview 我的版本：7.4.3使用: <WebView onLoadStart={() => { console.log("当WebView刚开始加载时调用的函数") }} onNavigationStateChange={(e) => cons
阅读全文
摘要：报错的内容是无效的正则表达式\node_modules\metro-config\src\defaults\blacklist.js这个文件下全局查找这一行几行代码var sharedBlacklist = [ /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
阅读全文
摘要：传值： this.props.navigation.navigate("MyReference",{id:1}) 接收： let {params} = this.props.navigation.state Alert.alert(params.id.toString())
阅读全文
摘要：一、阴影 yarn add react-native-shadow yarn add react-native-svg react-native link react-native-svg import {BoxShadow} from 'react-native-shadow'render() {
阅读全文
摘要：mobx是一个状态管理系统，从mobx引入observable和action； store页面的observable是定义数据的东西，action是执行者；类似于redux 在app页面需要引入import {Provider} from "mobx-react"，利用Provider的机制来给子传
阅读全文
摘要：一、1.x 在rn路由的1.x版本中，下载好版本之后，可以直接从react-navigation里面通过解构来获取相关的路由注册配置： Import { StackNavigator，TabNavigator } from “react-navigation” （1）在router页面引入后 exp
阅读全文
摘要：一、rn视频控制 对于RN 0.45或更低版本的支持。 跑 npm install --save react-native-video react-native-video-controls 然后跑 react-native link react-native-video 二、路由的版本问题 1、1
阅读全文
摘要：import { createStackNavigator,//注册路由 createBottomTabNavigator,//注册tabbar createDrawerNavigator//注册侧边栏} from "react-navigation"需要先下载navigation，我的版本是2.5
阅读全文
摘要：一、rn搭建环境过程中的问题1．Gradle版本的必须要与本地版本一直，默认为访问网上版本，需要手动修改为本地gradle版本，2．As的版本可能导致项目启动时，在as中的命令与在cmd中的命令不一致，需要手动写出react-native start这条命令，否则项目启动不了。二、项目中的问题1.
阅读全文
摘要：版本为0.44.3版本，在最新版版本中，他们采用的是Hooks组件的写法；本文使用类组件写法 下载相关依赖后，可以直接复制在index.android.js文件中 import React, { Component } from 'react';import { AppRegistry, Style
阅读全文
摘要：一、需要安装依赖 1、下载node，版本必须要大于10，当然，并不是越高越好，我用的是12.10版本，但是如果我使用12.13项目会起不来，这一直是我很蛋疼的地方； 2、安装rn的全局脚手架； 3、 安装jdk，版本必须为1.8版本；jdk下载地址，外网地址，需要FQ https://www.ora
阅读全文
浙公网安备 33010602011771号