hezhii

iOS 13 和 Android Q 都推出了深色模式，随着系统级别的支持，越来越多的主流应用也开始陆续退出深色模式。那么在 React Native 中如何实现主题功能呢？本文提供了一种思路，基于 React Hook 和 Context API。 首先添加内置的主题配置文件…

近期将项目中的 react native 升级到了 0.60.x 版本，同步的也将 React Navigation 升级到了 4.x。这篇博客记录了 4.x 版本的一些基本用法以及在实现项目中一些常见功能的实现，其中 rn 基于 0.60 版本。 4.x 版本从 react-…

React Naitve 整合了 JavaScript、Android 和 iOS。随之而来的是三种不同的构建工具：npm、Xcode 和 Gradle。当我们要发布 App 并增加版本号是会发生什么？我们必须要更新 package.json、build.gradle 和 in…

React Naitve 整合了 JavaScript、Android 和 iOS。随之而来的是三种不同的构建工具：npm、Xcode 和 Gradle。当我们要发布 App 并增加版本号是会发生什么？我们必须要更新 package.json、build.gradle 和 in…

通常不建议在配置文件中存储密码。在 macOS 中我们可以使用内置的钥匙串应用来存储密码，可以方便地从终端访问。 在这个示例中，我们将使用它来存储用于签名 Android 应用程序的密钥库的密码。 打开钥匙串应用。 点击 “+” 按钮，添加新密码。 输入钥匙串项名称（任意），账…

在实际项目中，我们常常需要根据页面的不同去修改状态栏的表现。例如：页面头部图片延伸到状态栏下并且状态栏透明；状态栏的颜色和标题栏的颜色相同；状态栏内容颜色的深浅变化。 在此之前，我写了一篇React Navigation 构建 Android 和 iOS 统一的 UI的文章，里…

React Navigation 是 React Native 项目常用的路由和导航库，通过它我们可以很轻松的构建多个页面并完成页面的跳转。不过，因为 iOS 和 Android 在设计风格上的差异，React Navigation 在不同平台上的表现也不同。例如，切换 Sta…

WebRTC 是网络实时通信（Web Real-Time Communication）的缩写，通过它 Web 开发者能够轻易快捷地开发出丰富的实时多媒体应用，而无需下载安装任何插件。 本文总结了我这两天探究 WebRTC 过程中了解到的相关知识以及个人见解，并且结合我自己的实践…

最近在一个 React Native 项目中需要实现类似 iPhone 中调节亮度和声音的滑块组件。React Native 自带的 Slider 虽然支持一定的定制化，但是仍无法满足需求。在 GitHub 上搜索无果后，打算自己实现。最终实现的效果如下图所示。 这篇文章记录了…