![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
ReactNative
ReactNative
吴佩佩佩佩
啦啦啦~
展开
-
ReactNative图片自适应高度
import React, { useState, useEffect } from 'react';import { Image } from 'react-native';export default ({ source = {}, style = {}, width = 0 }) => { const [height, setHeight] = useState(100); useEffect(() => { if (source.uri) { // 网原创 2021-12-02 09:39:33 · 3408 阅读 · 0 评论 -
ReactNative Hook
React Hook1 Hook是什么2 useState3 useEffect4 自定义Hook1 Hook是什么Hook可以在不使用class的情况下在函数组件中使用React的特性。2 useStateuseState 就是一个 Hook ,useState 用于在函数组件中添加内部 state。// 函数组件import React, { useState } from 'react';const demo = () => { const [text, setText] =原创 2021-10-26 15:24:10 · 620 阅读 · 1 评论 -
ReactNative多渠道打包
ReactNative多渠道打包集成方式1. 添加plugin2. 添加library3. 添加打包配置4. 添加渠道名打包1. 命令打包多渠道打包我用了好几种,最终还是喜欢美团的Walle。引用官方的介绍:Walle(瓦力):Android Signature V2 Scheme签名下的新一代渠道包打包神器瓦力通过在Apk中的APK Signature Block区块添加自定义的渠道信息来生成渠道包,从而提高了渠道包>生成效率,可以作为单机工具来使用,也可以部署在HTTP服务器上来实时处理原创 2021-08-10 15:26:01 · 678 阅读 · 0 评论 -
ReactNative GIF
默认使用GIF图都只会显示第一帧的静态画面。在RN中使用GIF,需要在build.gradle中添加:implementation 'com.facebook.fresco:animated-gif:2.0.0' 在安卓的XML中使用,需要在build.gradle中添加:implementation 'pl.droidsonroids.gif:android-gif-drawable:1.2.17'然后这样使用:<pl.droidsonroids.gif.GifImageView原创 2021-07-23 17:17:01 · 2578 阅读 · 1 评论 -
The current character read is ‘E‘ with an int value of 69
报错:The current character read is ‘E’ with an int value of 69解决办法:把android/app下的build文件夹删了重新跑一遍原创 2021-03-16 15:48:28 · 1152 阅读 · 0 评论 -
ReactNative安卓HTTP请求
在安卓9以上正式包HTTP请求不通,可以配置一下允许它请求。当然,还是建议优先开通HTTPS,实在不行就用下面的方法:在android\app\src\main\res下创建xml文件夹。在xml文件夹下创建network_security_config.xml文件,写上:<?xml version="1.0" encoding="utf-8"?><network-security-config> <base-config cleartextTraffic原创 2021-03-13 11:23:55 · 943 阅读 · 0 评论 -
ReactNative阴影
ReactNative阴影1. 文字阴影2. 块阴影2.1 ios阴影2.2 android阴影1. 文字阴影文字阴影最好实现,直接使用textShadow,android和ios都支持:textShadowOffset: { width: 3, height: 4 }, // 阴影偏移量textShadowColor: '#20a344', // 阴影颜色textShadowRadius: 5, // 阴影模糊半径 注意这个属性一定要加,否则阴影显示不出来shadowOpacity: 1, /原创 2021-03-07 22:25:54 · 1010 阅读 · 0 评论 -
Task :app:lintVitalRelease FAILED
Task :app:lintVitalRelease FAILED错误信息:Task :app:lintVitalRelease FAILED解决办法:在目录android/build.gradle的android里,添加:android { // 添加的代码 lintOptions { checkReleaseBuilds false abortOnError false }}...原创 2021-03-03 20:24:16 · 3256 阅读 · 2 评论 -
ReactNative常用命令
ReactNative 常用命令创建项目react-native init 项目名查看是否有设备连接adb devices运行Android工程react-native run-android运行Ios工程react-native run-ios用指定设备运行Ios工程react-native run-ios --simulator “iPhone XR”启动服务react-native start清除android缓存gradlew clean 安卓原创 2020-10-13 14:22:07 · 3389 阅读 · 0 评论 -
ReactNative WebView加载本地HTML
将html文件,放入Android/data\com.xxxxxx/files目录下实现代码<WebView originWhitelist={'*'} // 必填 如果为true,则将允许通过file://URI 访问文件系统。默认值为false。 allowFileAccess={true} source={{ uri: 'file:///storage/emulated/0/Android/data/com.xxxxxx/files/web/index.html', }}/&原创 2020-06-29 16:42:32 · 1632 阅读 · 0 评论