随笔分类 - react-native
摘要：问题 使用了react-native-webview的WebView嵌套h5页面，但是当h5发版之后，重新打开app，h5还是发版前的页面。 并且这个缓存严重，每次都要清理缓存或者重装app，页面不能及时更新，影响用户体验。 解决 rn项目中，在h5链接后边拼接时间戳，代码如下： 注意：这里缓存使用
阅读全文
摘要：实现效果 代码 从react-native中引入 import { Animated, Easing, } from 'react-native'; js实现 const opacity1 = useRef(new Animated.Value(0.2)).current; const opacit
阅读全文
摘要：##问题描述 将其他项目导致自己的电脑上运行时，出现以下编译错误。 ``` Execution failed for task ':app:stripDebugDebugSymbols'. > NDK at /Users/ado/Library/Android/sdk/ndk-bundle did
阅读全文
摘要：是否有相关属性可以兼容scrollview嵌套问题？ 在阅读一番官方文档后，发现了一个属性nestedScrollEnabled，代码如下： nestedScrollEnabled={true} <ScrollView> <View style={[{ flex: 1 }, mainStyle]}>
阅读全文
摘要：Android studio 虚拟机调试启动很慢，而且有些应用还必须要用手机调试，还得把apk发到手机上安装，比较麻烦。所以手机通过USB直接连接电脑在线调试，方便快捷。 手边有一部小米的Redmi K30 Pro，MIUI12.5系统，下面记录下设置步骤： 第一步：打开手机USB调试 首先，使用数
阅读全文
摘要：Android使用方法 首先，我们需要在应用程序中调用WebView.setWebContentsDebuggingEnabled(true); 文件位置：在MainActivity.java的onCreate方法内（在android / app / src / main / java / com
阅读全文
摘要：项目中用到kotlin， 在项目中配置好之后，启动项目，打开Android studio时报错如下： 项目中 android - build.gradle 配置如下： buildscript { ext { buildToolsVersion = "29.0.3" minSdkVersion = 2
阅读全文
摘要：现状 在新版的Android Studio中，当你打开模拟器，创建虚拟安卓手机的时候，会发现模拟器总是出现在右边的一个框中，显示得很小，下面教你怎么让模拟器中的虚拟安卓手机浮动出来，或者像一般软件窗口一样全屏显示。 期望 实现 在android studio的 Settings中 修改如下配置。
阅读全文
摘要：启动项目是报错大致如下： 解决 这个issue已经给出了解决方法 https://github.com/facebook/react-native/issues/35210 rn >= 0.63 rn 官方为大于 0.63 的所有主要版本都准备了一个热更新补丁，所以如果你的 react-native
阅读全文
摘要：问题： 启动项目时报错如下图： 解决： 点击报错中的 .xml 链接，浏览器中可以正常下载，意识到大概率是代理的问题。 国内开发环境一直是一个比较大问题，开发得一直连着代理，需要去android studio中禁用代理，尝试过在android studio - Settings - Appearan
阅读全文
摘要：在开始生成APK前需要做一些准备工作：在 AS 的 Terminal 中使用命令 gradlew --warning-mode all 可以打印出当前 gradle 存在的所有警告信息
阅读全文
摘要：在react-native-debugger主面板上，右键单击并选择菜单中的Enable Network Inspect，即可查看网络请求。 如下： 永久配置： 每次点击选项比较麻烦，也可修改配置文件，实现永久打开网络请求，步骤如下： （1）下载后打开工具，在工具栏的Debugger中找到open
阅读全文
摘要：问题 Android Studio模拟器中app可以正常使用网络，但是内嵌的H5无法连接网络。 使用Android Studio开发时经常使用其自带的模拟器进行app模拟和仿真，并且可以使用模拟器创建android各种版本的模拟器设备来测试自己的app是否可以兼容运行。但是如果需要使用网络时就会发现
阅读全文
摘要：问题： 报错如下： $ npx react-native run-android info Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag. Jetifi
阅读全文
摘要：问题： 偶尔会在android studio中打开模拟器时，点击模拟器屏幕中的任何位置都无响应，但是模拟器右侧的工具栏可以响应操作（比如关闭 最小化等）。 解决： 1.点击android studio右上的菜单栏中的 AVD Manager，如下： 2.找到无响应的对应机型，点击Actions中的
阅读全文
摘要：报错内容如下： FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:checkDebugAarMetadata'. > Multiple task action fai
阅读全文
摘要：报错如下： 需要修改node_module中的@react-native-community/viewpager 文件，如下： 再次启动即可。
阅读全文
摘要：我们在启动rn项目的时候会发现依赖更新慢的现象，解决方案如下： 一、下载zip包 首先是一个.zip的下载包例如gradle-7.2-bin.zip，这个包有点大，可以复制链接手动下载。 在android studio中，查看下载链接，如下图： 官网下载地址： Gradle Distribution
阅读全文
摘要：在react native中刷新页面就是改变页面的数据源，如果页面的数据源是state或者是store那么当数据源改变了。页面就会自动刷新的。所以刷新页面的两种方式 1:用redux来做数据源，无论在哪个页面只要改变了某一个页面的数据源，那么那个页面都会刷新 2:用回调的方法来刷新前一个页面，在用r
阅读全文
浙公网安备 33010602011771号