03 2024 档案

react native cli Android app 真机调试及打包常用指令记录
摘要：1. 手机开启开发者模式并打开USB调试 设置 -> 关于手机 -> 版本号 -> 点击7次，然后在设置中找开启USB调试选项，具体视手机而定。连接数据线。 执行下面的指令会自动安装app并运行： npx react-native run-android 2. 打包app 前提：生成一个签名密钥 点 阅读全文
posted @ 2024-03-28 14:37 Li_pk 阅读(68) 评论(0) 推荐(0) 编辑
react-native-vision-camera页面跳转后屏幕仍然是黑色的问题
摘要：1. 问题描述： 项目中使用react-native-vision-camera实现扫描解析二维码功能时，扫码页面扫码成功跳转其它页时，页面和相机页一样变成了黑色。 2. 解决方法： 开始是以为页面离开时相机没有关闭或者相机组件没有成功卸载，在设置了页面离开关闭相机之后发现还是黑屏。经过多次试验，c 阅读全文
posted @ 2024-03-27 10:31 Li_pk 阅读(293) 评论(0) 推荐(0) 编辑
react native 将设计稿中的像素值转换为设备独立像素值（dp）以适配不同设备
摘要：封装文件，将设计稿中的像素值转换为设备独立像素值（dp）。 首先，获取屏幕的宽度（screenWidth）和设计稿的宽度（uiWidth）。 然后，定义一个函数 pxToDp，它将设计稿中的像素值（uiElementPx）转换为设备独立像素值（dp）。计算公式为： const dpValue = ( 阅读全文
posted @ 2024-03-19 09:21 Li_pk 阅读(83) 评论(0) 推荐(0) 编辑
react native cli 使用react-native-vector-icons图标库
摘要：1. 安装 npm install --save react-native-vector-icons 2. 修改配置 详见该说明 安卓且使用 Gradle：修改android/app/build.gradle文件， 添加apply from: file("../../node_modules/rea 阅读全文
posted @ 2024-03-15 11:09 Li_pk 阅读(197) 评论(0) 推荐(0) 编辑
react native cli 使用 redux 流程记录
摘要：一. 安装依赖 安装 redux、react-redux、@reduxjs/toolkit。 持久化存储还需要安装 redux-persist、@react-native-async-storage/async-storage。 npm install redux react-redux @redu 阅读全文
posted @ 2024-03-11 10:47 Li_pk 阅读(31) 评论(0) 推荐(0) 编辑
uni-app 微信小程序开发者工具预览项目
摘要：1. 打开微信开发者工具 ① 设置 -> 代理设置 -> 选择使用系统代理 ② 安全设置 -> 开启服务端口 2. 项目中找到并打开配置文件 mainfest.json -> 微信小程序配置 -> AppID配置 3. 运行小程序 如果没有配置微信开发者工具地址，在工具下拉 -> 设置 -> 运行配 阅读全文
posted @ 2024-03-10 10:17 Li_pk 阅读(412) 评论(0) 推荐(0) 编辑
uni-app 启用组件按需注入
摘要：1. 打开 manifest.json 配置文件 2. 选择最后的源码视图，并找到小程序特有相关 mp-weixin 增加 "lazyCodeLoading" : "requiredComponents" /* 小程序特有相关 */ "mp-weixin" : { // ... "lazyCodeL 阅读全文
posted @ 2024-03-07 09:29 Li_pk 阅读(1008) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示