将React Native应用签名打包成APK

Android要求所有应用都有一个数字签名才会被允许安装在用户手机上,所以在把应用发布到类似Google Play Store这样的应用市场之前,你需要先生成一个签名的APK包。Android开发者官网上的如何给你的应用签名文档描述了签名的细节。 环境配置 Java Development Kit Android应用是由Java编写而成,生成签名的工具也同时依赖于Java Development Kit(JDK),因此,我们首先需要下载安装JDK。JDK的安装步骤很简单,在macOS环境下,只需将dmg镜像挂载,双击pkg文件,一直点击「Next」即可完成安装。安装完成后,为了确定JDK是否安装成功并且生效,请在终端中运行 java -version 如果结果如下图所示,则说明JDK已配置成功。 Android Studio Android Studio基于JetBrains Intellij IDEA开发,安装和配置方式和JetBrains IDE一致。在官网下载Mac安装包,依据提示安装并配置好Android SDK。 生成签名密钥 在配置好JDK之后,可以通过keytool生成一个密钥。macOS和Linux的keytool一般位于/usr/bin/keytool,Windows的keytool位于JDK安装目录的bin/…

在React Native中使用TypeScript

JavaScript是一门弱类型的编程语言,声明变量时不需要声明变量的数据类型,因此这门语言编写起来具有很强的灵活性。但是换句话说在开发大型项目或多人合作的项目中,JavaScript混乱的变量数据类型常常会让人很头疼。因此,引入“数据类型”的概念就十分有必要了。 关于TypeScript TypeScript是一门由Microsoft开发和维护的JavaScript的超集。TypeScript可以使用JavaScript中的所有代码和编码概念,TypeScript是为了使JavaScript的开发变得更加容易而创建的。 TypeScript 从核心语言方面和类概念的模塑方面对 JavaScript 对象模型进行扩展。 JavaScript 代码可以在无需任何修改的情况下与 TypeScript 一同工作,同时可以使用编译器将 TypeScript 代码转换为 JavaScript。 TypeScript 通过类型注解提供编译时的静态类型检查。 TypeScript 中的数据要求带有明确的类型,JavaScript不要求。 TypeScript 为函数提供了缺省参数值。 TypeScript 引入了 JavaScript 中没有的“类”概念。 TypeScript 中引入了模块的概念,可以把声明、数据、函数和类封装在模块中。 TypeScript的优势 1. 静态输入:静态类型化是一种功能,可以在开发人员编写脚本时检测错误。查找并修复错误是当今开发团队的迫切需求。有了这项功能,…

在React Native中引入antd-mobile-rn

Ant Design Mobile终于推出了React Native版本,但是使用起来依然比较麻烦。对于我个人而言,平时做项目也只用其中的几个组件。而无论是antd-mobile还是antd-mobile-rn,按需加载都比较麻烦。所以本文主要记录如何以按需引入的方式使用antd-mobile-rn 官方描述 UI 样式高度可配置,拓展性更强,轻松适应各类产品风格 基于 React Native 的 iOS / Android / Web 多平台支持,组件丰富、能全面覆盖各类场景 (antd-mobile) 提供 "组件按需加载" / "Web 页面高清显示" / "SVG Icon" 等优化方案,一体式开发 使用 TypeScript 开发,提供类型定义文件,支持类型及属性智能提示,方便业务开发 全面兼容 react / preact 安装…

在React Native中使用.jsx/.tsx扩展

前言 JSX是Javascript XML扩展,它是一种由Facebook提出的语法糖,其目的是在编写React程序时简化描述用户界面的过程。这种语法糖兼顾简洁性与可维护性。 一种 JavaScript 的语法扩展。 我们推荐在 React 中使用 JSX 来描述用户界面。JSX 乍看起来可能比较像是模版语言,但事实上它完全是在 JavaScript 内部实现的。(摘自JSX 简介) 通常,一段JSX代码可以单独放在一个*.jsx文件中,再通过Babel的loader完成JSX到React DOM的转换。 在React Native项目中,JSX同样被广泛应用。但是React Native却存在一些令人费解的行为。在React Native项目中,*.jsx文件是默认不被支持的。当我们直接在React Native中通过ES6 import的方式引入某个JSX文件时,将会出现类似以下展示出的错误: 解决方法 React Native的提供了一个名为rn-cli.config.js的文件。这个文件用于配置React Native的各种选项。在React Native启动服务的过程中,React Native会搜寻位于各个目录下的rn-cli.config.…