ReactNative React Native 实现主题功能 iOS 13 和 Android Q 都推出了深色模式,随着系统级别的支持,越来越多的主流应用也开始陆续退出深色模式。那么在 React Native 中如何实现主题功能呢?本文提供了一种思路,基于 React Hook 和 Context API。
ReactNative React Navigation 4.x 近期将项目中的 react native 升级到了 0.60.x 版本,同步的也将 React Navigation 升级到了 4.x。这篇博客记录了 4.x 版本的一些基本用法以及在实现项目中一些常见功能的实现,其中 rn 基于 0.60 版本。
ReactNative 更新 React Native App 版本号 React Naitve 整合了 JavaScript、Android 和 iOS。随之而来的是三种不同的构建工具:npm、Xcode 和 Gradle。当我们要发布 App 并增加版本号是会发生什么?我们必须要更新 package.json、build.gradle 和 info.plist。
ReactNative 记 RN 项目中接入 VoIP 语音通话 最近一个 RN 项目中需要接入 VoIP 语音通话功能,虽然在学校的时候学过了 Java,做过一个 Android 小项目,但是后面就完全没有接触过 Android 开发了,对 Java 的了解也停留在基础和一点 Spring Boot 上,而且,iOS 开发是完全没有接触过的,也就学校上课学了点 C、C++。一开始是十分抗拒的,不过想到编程总归是相通的,边做边学也能搞定,于是就开始尝试去对接,最后在经过差不多 4 天的努力下总算的完成了。
ReactNative React Native 实现环形滑块 最近在项目中需要实现一个半圆环形的滑块组件用于实现温度的调节。要求可以控制开口的角度,滑块支持渐变的颜色。简单的思考过后,最终决定使用 svg 实现。
ReactNative macOS 中使用钥匙串保存密码 通常不建议在配置文件中存储密码。在 macOS 中我们可以使用内置的钥匙串应用来存储密码,可以方便地从终端访问。 在这个示例中,我们将使用它来存储用于签名 Android 应用程序的密钥库的密码。
ReactNative React Native 中的状态栏 在此之前,我写了一篇React Navigation 构建 Android 和 iOS 统一的 UI的文章,里面简单的说到了 Android 状态栏的一些设置。后来我发现并不是我想的那么简单,因此通过这篇博客进行补充,文中会更加详细的介绍状态栏相关的内容以及 React Native 项目中如何去控制状态栏,使应用在 iOS 和 Android 平台上都具有很好的表现。
ReactNative React Navigation 构建 Android 和 iOS 统一的 UI React Navigation 是 React Native 项目常用的路由和导航库,通过它我们可以很轻松的构建多个页面并完成页面的跳转。不过,因为 iOS 和 Android 在设计风格上的差异,React Navigation 在不同平台上的表现也不同。
ReactNative React Native 实现 Slider 组件 最近在一个 React Native 项目中需要实现类似 iPhone 中调节亮度和声音的滑块组件。React Native 自带的 Slider 虽然支持一定的定制化,但是仍无法满足需求。在 GitHub 上搜索无果后,打算自己实现。
ReactNative React Native 打包 iOS 测试 APP React Native 应用程序开发完成后,需要先打包一个测试版,由测试人员安装应用并测试。对于 iOS 应用,一般来说,开发者如果需要将应用安装到某些用户的设备上,就需要将应用导出为这些设备可以直接安装的安装包(.ipa 文件)。本文总结了如何打包 ipa 并发布到应用内测分发平台供安装测试。
ReactNative React Native 中设置 APP 名称、图标和启动页 APP 开发完成后,我们需要修改 APP 名称并设置好应用图标和启动页,然后再发布上线。其中,名称和图标用于标识 APP,而启动页则可以增强应用程序启动时的用户体验、品牌推广等。本文总结了如何在 React Native 应用中完成名称、图标和启动页的设置。
ReactNative React Native 中使用 Flow 我们都知道 JavaScript 是一门弱类型语言,并没有严格的类型检查,写起来非常畅快,但是也容易导致错误。因此,为了避免这类错误,我们常在方法中对数据类型进行判断。Flow是一个进行 JavaScript 静态类型检查的工具,减少由于类型不正确导致的错误,提高开发效率和代码质量。
ReactNative React Navigation 身份验证流程 几乎所有的应用都需要进行身份验证,今天我就来介绍一下如何通过 React Navigation 实现这一流程。我将会使用 Express 构建一个简单的服务器使 Demo 看起来更加真实,验证的过程基于 Token 实现。