React Native
乌云乌云_快走开
这个作者很懒,什么都没留下…
展开
-
解决reactNative运行报错:Unknown argument type ‘ _attribute__‘ in method -[ RCTAppState gerCurrnetAppState:
解决reactNative运行报错原创 2022-07-05 16:05:27 · 297 阅读 · 1 评论 -
解决ReactNative使用webView存在缓存问题
解决ReactNative使用webView存在缓存问题原创 2022-06-23 16:53:27 · 1312 阅读 · 0 评论 -
在reactNative中使用什么工具进行单元测试?
什么是单元测试?对于前端来说,常见的有单元测试、功能测试、UI 测试 都有各自的定义。单元测试:对一个模块、一个函数或者一个类来进行正确性检验 (需要通过写代码去实现,我们经常听到的 代码覆盖率 也是单元测试非常重要的一点)功能测试或 UI测试:通常来说,人工验证就可以,不需要写代码RN 单元测试RN是一个UI框架,可以在iOS 和Android 平台实现跨端,那么首先想到的是,官方提供的配套工具。主流工具1.jest:Facebook 官方开发,ReactNative 项目本身也是使用 Je原创 2022-04-26 17:49:41 · 775 阅读 · 0 评论 -
解决reactNative高版本ART组件报错
基于rn版本0.51.1 react版本16使用组件ARTimport React from 'react';import { Dimensions, ART } from 'react-native';const width = Dimensions.get('window').width;const path = ART.Path();path.moveTo(1, 1);path.lineTo(width, 1); <ART.Surface width={width} he.原创 2020-07-30 10:49:22 · 583 阅读 · 0 评论 -
解决rn ios使用react-native-amap-geolocation集成高德地图报错问题
最近使用rn获取高德定位踩坑,rn中默认内置组件navigator.geolocation可以获取定位信息(注意默认百度坐标系,可能还需要转换坐标系),此时部分android机中会有兼容性问题,导致获取位置信息会超时,这时采用第三方组件库react-native-amap-geolocation集成具体如下:1、安装 yarn add react-native-amap-geolocation2、链入至原生 androidreact-native link react-native-amap-ge原创 2020-06-05 11:55:13 · 2072 阅读 · 0 评论 -
解决react-native-swiper Android 不显示问题
最近在rn项目中做了一个图片轮播的功能,ios展示正常,在Android机型上不显示,解决如下:import React from 'react';import { Text, View, Dimensions, Platform, ScrollView, Image } from 'react-native';import Swiper from 'react-native-swiper'...原创 2020-02-18 11:43:25 · 538 阅读 · 0 评论 -
reactNative 踩坑ListView没有重新渲染的问题
最近在使用ListView 做一个列表全选单选功能其中发现选中列表下改元素但是state没有发生改变,此时发现是组件没有重新渲染 解决方案如下:import React, { Component } from 'react';import { StyleSheet, View, TouchableOpacity, Dimensions, ListView, Text, Image...原创 2019-12-25 11:18:34 · 481 阅读 · 0 评论 -
解决reactNative navigator.geolocation.getCurrentPosition()方法获取经纬度不准确
reactNative 获取经纬度踩坑navigator.geolocation.getCurrentPosition() 百度地图定位不准的问题最近在做rn的项目要获取经纬度,用到了navigator.geolocation.getCurrentPosition()方法,默认获取的是百度地图坐标系**(经纬度属于WGS84坐标,需要做转换)**,但是后端之前录入的数据是通过高德录入,此时会存...原创 2019-11-20 14:45:26 · 4718 阅读 · 5 评论 -
React Native 自定义radio 单选or多选
React Native 自定义radio 单选or多选//自定义 radioimport React, { PureComponent } from 'react';import PropTypes from 'prop-types';import { View, Text, StyleSheet, TouchableOpacity, Image, Dimensions } from...原创 2019-01-24 17:11:11 · 676 阅读 · 1 评论 -
react native Android 打Release包
Android 打Release包 (android studio 环境)1.生成静态JS Bundle文件1.1:首先在本地修改assetPathUtils.jsassetPathUtils.js文件路径:node_modules\react-native\local-cli\bundle\assetPathUtils.js修改:getAndroidAssetSuffix方法因为Gr...原创 2019-01-24 17:35:43 · 724 阅读 · 0 评论 -
react-native-picker自定义年or月组件
前段时间一直在做rn的项目,其中用到react-native-picker,想和大家分享一下废话少说,直接上代码import React, { Component, PureComponent } from 'react';import cloneDeep from 'lodash/cloneDeep';import { Text, TouchableOpacity, Sty...原创 2019-01-28 17:31:40 · 1655 阅读 · 1 评论 -
react native 获取 view 高度
rn 获取view 高度onLayout = (event) => { const viewHeight = event.nativeEvent.layout.height; }render() { return ( <View onLayout={(event) => this.onLayout(event)}></View...原创 2019-01-29 11:53:06 · 3602 阅读 · 0 评论 -
React Native 自定义弹框
react-native 自定义弹框安装- react-native-root-siblings https://www.npmjs.com/package/react-native-root-siblings npm install react-native-root-siblings --save可以作为公共通用方法:import React, { Component } fro...原创 2019-08-23 15:27:57 · 638 阅读 · 0 评论