- 博客(70)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 react native 手搓数字键盘
本文展示了一个React Native实现的数字键盘组件ModalKeyboard。该组件包含以下特点： 使用Modal容器实现从底部滑出的动画效果 键盘布局为3x4的网格结构，包含数字0-9、"重置"和"-"按钮 支持点击数字提交功能，通过onSubmit回调传递按键值 自定义样式包括圆角按钮、背景色和字体大小 "-"按钮使用图片替代文字显示 通过点击模态框外部区域关闭键盘 组件采用响应式设计，使用zero工具函数动态计算布局尺寸，适用于不同屏幕
2025-11-08 15:57:13
208
原创 git提交 关键字介绍 约定式提交
这篇文档介绍了Git提交信息的规范格式和语义化版本控制规则。主要分为两大部分：版本号变更规则（BREAKING CHANGE主版本号+1，feat次版本号+1，fix修订号+1）和标准提交类型。提交类型包括feat(新功能)、fix(bug修复)、docs(文档)、style(代码样式)、refactor(重构)、perf(性能优化)等10种，每种都配有使用场景示例和标准格式说明。文档最后提供了标准提交信息示例，包括简单提交、带作用域提交和多行详细描述提交的格式示范。这套规范旨在通过标准化的提交信息实现更清
2025-10-31 16:49:35
191
原创 reactnative下拉选择
React Native下拉选择组件摘要： 该组件实现了一个通用的下拉筛选功能，主要特点包括： 支持对象数组和字符串数组两种数据格式 可自定义显示文本和值的字段名 通过Modal实现下拉菜单展示 包含选中状态样式和箭头图标切换效果 支持外部样式自定义和禁用状态 实现按钮与菜单宽度对齐的功能 关键参数： options：选项数组 value：当前选中值 onChange：选择回调函数 labelKey/valueKey：对象数组的键名配置 组件采用绝对定位实现菜单与按钮的位置对齐，并通过useState管理显
2025-10-31 15:48:26
160
原创 异步加载，等加载数据准备好后，展示页面
这段代码实现了一个React高阶组件withLoading，用于在i18n国际化资源加载完成前显示加载状态。主要功能包括： 包装目标组件，在i18n初始化期间显示加载指示器 提供三种状态： 加载中：显示ActivityIndicator和"Initializing..."文本 加载失败：显示错误提示 加载完成：渲染目标组件 使用方法：通过withLoading高阶组件包裹应用组件，如withLoading(withTranslation()(App)) 该方案确保了国际化资源完全加载后才
2025-10-24 13:47:30
159
原创 react native android设置邮箱，进行邮件发送
本文介绍了在React Native Android应用中实现邮件发送功能的方法。首先需要在build.gradle中添加邮件发送依赖包（android-mail和android-activation）。然后展示了一个EmailSender工具类，该类封装了邮件发送逻辑，包括设置SMTP服务器参数、身份验证和邮件内容构建。最后给出了在NativeModule中调用该功能的ReactMethod实现，通过新线程执行邮件发送操作以避免阻塞主线程。使用时需要提供发件人账户信息、SMTP服务器配置以及收件人、主题和
2025-10-09 10:00:50
310
原创 electron 打包web页面解决跨域问题
本文介绍了如何在Electron应用中解决跨域问题的配置方法。通过在app.whenReady()回调中添加命令行参数，可以完全禁用同源策略(--disable-web-security)、关闭SameSite Cookie的严格模式(--disable-features SameSiteByDefaultCookies)以及忽略证书错误。同时提供了隐藏应用菜单的代码示例。这些配置有助于在打包Web页面时解决常见的跨域访问问题。
2025-09-30 17:46:47
266
原创 react native 国际化 react-i18next 和 i18n，运用高级组件的形式。
该文章介绍了React Native应用国际化的实现方案，使用react-i18next和i18n库构建多语言支持。核心内容包括：1) 初始化i18n配置，加载中英文等语言资源；2) 实现异步获取翻译资源的功能；3) 创建withLoading高阶组件处理初始化加载状态，显示加载指示器或错误信息；4) 在根组件中组合使用国际化高阶组件。方案采用延迟加载和资源缓存优化性能，支持安卓兼容性，并提供错误处理机制。
2025-09-22 14:02:15
275
1
原创 react native 出现 FATAL EXCEPTION: OkHttp Dispatcher
摘要 React Native项目中出现"FATAL EXCEPTION: OkHttp Dispatcher"错误，原因是项目中存在多个不同版本的OkHttp依赖（如RN依赖4.x而某些第三方库依赖3.x）。解决方案是在android/app/build.gradle文件中强制统一OkHttp版本，通过添加OkHttp BOM（4.10.0）来管理所有相关依赖的版本号，确保运行时使用一致的OkHttp实现。
2025-09-06 11:23:42
234
原创 React Native 中使用 com.github.amitshekhariitbhu.Android-Debug-Database 库可以方便地调试 Android 端的 SQLite 数据库
React Native 中使用 com.github.amitshekhariitbhu.Android-Debug-Database 库可以方便地调试 Android 端的 SQLite 数据库
2025-07-12 16:08:22
302
原创 react-native-web配置。
将react-native 转换成web项目，用react-native-web.已经文件的新建，和webpack的配置
2025-03-25 10:49:15
455
2
原创 puysh远程升级说明
puysh 文档 api 说明url: updateInfo.downloadUrl,//下载apk的路径received // 已下载 received / 1024 / 1024 换算成兆;total // 总大小},});description: '测试热更新',});if (!Alert.alert('提示', '下载完毕,是否重启应用?', [text: '是',},},{ text: '否' },text: '下次启动时',},
2025-03-06 14:45:53
325
原创 react native 打包index.android.bundle文件
"dev": "react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res "
2024-09-07 14:28:01
542
原创 Task :react-native-real-path:verifyReleaseResources FAILED 打包报错
react-native-real-path 的build.gradle中引用资源的版本过于老旧，引起的错误。 Task :react-native-real-path:verifyReleaseResources FAILED 打包
2024-08-08 16:47:57
403
原创 Electron Forge 打包更改打包后图片
确保 icon.ico 文件是有效的并且包含多种分辨率的图标（如 16x16, 32x32, 48x48, 256x256）。可以使用工具如 icoconverter 来生成有效的 ICO 文件。检查 forge.config.js 文件的配置是否正确。清理项目并重新打包，以确保没有旧的缓存影响打包过程。确认 forge.config.js 配置文件正确。确保图标文件路径正确并且文件存在。确认 ICO 文件有效。
2024-07-04 10:54:38
1127
原创 安卓adb 命令查看程序日志
这条命令会将当前设备的logcat日志输出到名为logcat.txt的文件中。-d参数是用来确保日志输出到文件中时是从开始到现在的（而不是循环缓冲区的最后部分）。这里是日志标签，是日志级别（如V代表Verbose，D代表Debug，I代表Info，W代表Warning，E代表Error）。在Android设备上，你可以使用logcat命令将日志导出到文件中。3.标签（tag），标明日志发起者，方便过滤筛选。2.优先级，日志优先级从低到高分以下几种。5.正文，本日志的主体内容。4.pid (进程ID)
2024-04-30 14:10:22
4716
2
原创 react-native-scrollable-tab-view 解决兼容问题
打开 node_modules 下的 react-native-scrollable-tab-view 下的 index.js，把 this.scrollView.getNode().scrollTo 改为 this.scrollView.scrollTo。报错 this.scrollView.getNode is not a function。
2024-01-29 13:57:52
686
原创 如何使用edge浏览器或chrome谷歌浏览器调试手机端网页（微信网页、浏览器皆可）
如何使用edge浏览器或chrome谷歌浏览器调试手机端网页（微信网页、浏览器皆可）
2023-05-13 15:16:51
8460
4
原创 reactnavigation 点击底部tab怎么传递参数?
在这个示例中，我们使用了MaterialCommunityIcons组件来自定义底部导航栏的图标，使用了activeTintColor和inactiveTintColor来配置选中和未选中状态下的颜色，使用了screenOptions来配置每个Tab.Screen的默认选项。Tab.Navigator是React Navigation中用于创建底部导航栏的组件，它可以通过一些配置来自定义底部导航栏的样式和行为。tabBarOptions：配置底部导航栏的样式和行为，例如颜色、图标、标签等。
2023-04-21 18:07:35
798
原创 ReactNative0.66版本安卓Realese包无法连网问题
Android 9的操作系统，原来在Android 8进一步加强系统安全权限的基础上，Android 又限制了明文流量的网络请求，非加密的流量请求都会被系统禁止掉，目前网络访问基本都从原来的http替换为了https也是加强安全性的一种表现。既然知道原因了，那就有相对应的解决方案。1.在打包时进行声明，不再对http请求进行限制；2.通知客户将客户端和服务器端的请求统一替换为https；3.把targetSdkVersion版本降到27以下（Android8.0及以下）。
2023-04-11 14:01:01
350
原创 reactnavigation 怎么重置头部的返回事件
可以使用 navigation.setOptions 方法来重置头部的返回事件。在返回事件中使用 navigation.goBack() 方法来实现返回上一页的功能。在组件中引入 useEffect 和 useLayoutEffect 钩子函数。在组件中使用 useLayoutEffect 钩子函数来设置头部的返回事件。
2023-04-08 18:01:56
358
原创 react-native-vector-icons 安装
其中，name 属性为图标名称，size 属性为图标大小，color 属性为图标颜色。这样就可以成功安装和使用 react-native-vector-icons 了。
2023-04-08 18:00:13
337
原创 SQLite数据库管理 读取react-native-sqlite-storage 生成的db文件
SQLite数据库管理的工具类 ，使用，和react-native-sqlite-storage ，读取相同的储存文件。
2023-03-16 09:31:53
455
原创 语音转文字
通过这种方式，您可以添加一些很酷的功能到您的应用程序，如添加语音导航（有用的，当您针对残疾人），填写表单与语音输入等，以下是应用程序的屏幕截图，其中包含一个简单的按钮来调用语音输入和一个TextView来显示已转换的语音文本。如果您没有看到colors.xml，请创建一个新文件并添加值。在语音输入工作的背景下，语音输入将被流式传输到服务器，服务器上的语音将被转换为文本，最后文本将被发送回我们的应用程序。现在打开主要活动（activity_main.xml）的布局文件，并添加以下代码来创建一个简单的布局。
2023-03-14 15:42:24
747
原创 DeviceEventEmitter react-native
react-native中采用了DeviceEventEmitter来实现对事件的监听，实现非父子关系的页面之间的通信。具体来说，我们可以在一个页面中通过DeviceEventEmitter来对特定名称的事件进行监听，此后每当其它位置发送该名称的事件，都会触发这个监听的响应并执行对应的函数。上述代码发送了一个名为eventName的包含params参数的事件，值得注意的是发送该事件的前提是react native环境已经加载完成，需要获取其上下文ReactContext。只需要在原生模块中广播该事件即可。
2023-03-13 15:38:54
1013
原创 pushy react-native
react-native pushy ；js更新时可以使用热跟新，改动原生代码、设置时，需要重新发布原生基准版本
2023-03-07 09:21:49
227
原创 解决android.os.NetworkOnMainThreadException
解决android.os.NetworkOnMainThreadException
2023-02-15 16:42:23
1253
1
原创 react native 调用原生UI组件 视频播放组件
本文章向大家介绍react native 调用原生UI组件，主要内容包括Java端实现、Js端实现、native层向js发送消息事件、js层向native层发送命令、基本概念、基础应用、原理机制和需要注意的事项等，并结合实例形式分析了其使用技巧，希望通过本文能帮助到大家理解应用这部分内容。
2023-01-05 10:01:53
1732
原创 react-native 展示安卓本地的图片
file:///storage/emulated/0/ 为设备文件管理的根目录，在安卓的文件目录中，根目录有storage目录，目录里有emulated ，emulated里又有0目录，以为file:///storage/emulated/0/是这个目录的路径，谁知道这个就是设备的根目录，有误导的意思。React-Native 项目中，用Image标签显示本地图片,路径加上"storage/emulated/0/"
2022-12-28 09:07:41
548
vue-i18n v8.9.0 vue国际化
2022-11-12
i18next html 国际化
2022-05-16
ECharts的geojson地图数据下载
2022-05-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人