随笔分类 -  React Native

lottie-react-native (Android)加载gif图的json使用方法
摘要:问题描述:当要实现gif图的动态效果时,想到这个组件, UI提供的json在ios机上可以正常使用,但是在android机上崩溃 原因:官网上介绍Android需要用到imageAssetsFolder这个属性。下图是官网给的使用方法: 具体操作步骤: 1. 打开json文件,可以看到我这里用到了两 阅读全文

posted @ 2021-08-12 17:08 Ayinger 阅读(855) 评论(0) 推荐(0)

react-native-calendars的周修改
摘要:1. 周的文字修改 import {LocaleConfig} from 'react-native-calendars'; LocaleConfig.locales['fr'] = { monthNames: ['Janvier','Février','Mars','Avril','Mai','J 阅读全文

posted @ 2021-07-19 15:27 Ayinger 阅读(404) 评论(0) 推荐(0)

XDate的使用
摘要:官网:https://arshaw.com/xdate 阅读全文

posted @ 2021-07-15 13:57 Ayinger 阅读(260) 评论(0) 推荐(0)

android编译: Path is not a readable directory
摘要:Path '\react-native-safe-area-context\android\build\intermediates\compiled_local_resources\debug\out' is not a readable directory. 解决: 按照目录手动新建文件夹 阅读全文

posted @ 2021-06-04 16:03 Ayinger 阅读(979) 评论(0) 推荐(0)

React Native 实现水印
摘要:一、 本博客参考react-native-WaterMark库,因为显示情况与要求不符,所以在原基础上修改一下。 二、 遇到问题与解决方案: 问题: 文字旋转后,边角留有空白 解决: 将宽度扩大,使用transform进行旋转移动 三、 现存问题 1. 固定定位,不能像背景图一样移动 四、 代码 i 阅读全文

posted @ 2021-04-07 18:16 Ayinger 阅读(1579) 评论(0) 推荐(0)

react-native-view-shot 与 native-echarts的坑
摘要:在android中,使用 native-echarts显示表格,将表格截屏生成图片时,android不显示表格 解决:在AndroidManifest.xml的application或者activity标签中添加 android:hardwareAccelerated = "false" 阅读全文

posted @ 2020-09-12 16:45 Ayinger 阅读(329) 评论(0) 推荐(0)

native-echarts入坑
摘要:一. 集成native-echarts 输入命令: npm install native-echarts --save 二. 问题 1. webview提示错误 Invariant Violation: WebView has been removed from React Native. It c 阅读全文

posted @ 2020-08-27 15:14 Ayinger 阅读(658) 评论(0) 推荐(0)

react native打包后不能请求到数据
摘要:Android9.0以上打包apk后http请求不到解决方法 ,在清单文件Application中添加属性: android:usesCleartextTraffic="true" 阅读全文

posted @ 2020-08-11 14:45 Ayinger 阅读(656) 评论(0) 推荐(0)

RN 与 Native (Android) 之间的通信
摘要:1. RN调用原生方法的流程图: RN与Android之间是通过ReactApplication接口建立连接的,ReactApplication提供了React Native运行环境,ReactApplication接口里面实现了getReactNativeHost() 方法,让原生代码可以启动Re 阅读全文

posted @ 2020-05-14 11:58 Ayinger 阅读(967) 评论(0) 推荐(0)