rogerwu

摘要： 1、安装依赖 babel-plugin-module-resolver yarn add babel-plugin-module-resolver -D 2、配置 babel.config.js module.exports = { presets: ['module:metro-react-nat 阅读全文

摘要： 在上文 ReactNative 桥接原生原子组件（一）中介绍了在 JS 层如何桥接原生层组件以及封装原生组件的属性，那如何封装原生组件的方法呢？ ♦ 原生组件回调 JS 层方法 指的是一个事件发生在原生层，从原生层把事件传递到 JS 层 接下来要在上文的 demo 中添加一个小的需求，点击一个按钮， 阅读全文

摘要： ♦ 实现一个原生自定义组件 View 1、打开 Android Studio 编辑器，在 android > app > src > main > java > com.rndemo (项目包名) 下新建一个 view 包 2、在 view 包下新建一个 InfoView 类，这个就是要提供给 JS 阅读全文

摘要： 原生模块简介 有时候一个 RN 应用需要访问一个原生平台的 API 比如相机，但是，默认情况下 JavaScript 是无法访问原生 API 的。 原生模块系统暴露了一些 Java 类的实例对象给 JavaScript，这样就可以允许开发者在 JS 代码中执行一些特定的原生代码。 简单来说，桥接原生 阅读全文

摘要： 一、创建应用签名 1、在 Android Studio 菜单栏中，依次点击 Build > Generate Signed Bundle/APK 2、在 Generate Signed Bundle or APK 对话框中，选择 APK，点击 Next 按钮 3、在 Key store path 字 阅读全文

摘要： 1、jdk 11 下载 （1）、Oracle 官方下载地址，https://www.oracle.com/java/technologies/downloads/#java11 （2）、依次选择对应的 jdk 版本、操作系统环境后点击下载（可能需要注册、登录账号） 2、jdk11安装 （1）、双击 阅读全文

摘要： Text 一个用于显示文本的 React 组件，支持嵌套、样式、以及触摸处理 style 属性 color: 基本同 css 写法 fontSize: number 类型（默认大小 14） fontStyle: enum('normal', 'italic') fontFamily: string， 阅读全文

摘要： 样式 在 React Native 中，仍然是使用 JavaScript 来写样式，所有的核心组件都接受名为 style 的属性，这些样式名基本上都遵循 web 上的 CSS 属性名 RN 中的样式与 CSS 的不同 1、没有继承性 RN 中的继承只发生在 Text 组件上 2、样式名采用小驼峰命名 阅读全文

摘要： React Native 官网地址：https://www.reactnative.cn/docs/environment-setup 开发平台 Windows 目标平台 Android 1、安装依赖 必须安装的依赖有 Node、JDK 和 Android Studio，Node 版本不得低于 14 阅读全文

摘要： 主题（UI风格、样式、皮肤） 主题风格可通过 theme 来定义，从而实现整个 App 风格的统一 一旦设置了主题，那么应用程序中的某些 Widget，就会直接使用主题的样式 组件 ThemeData - Brightness (Brightness.light | Brightness.dark) 阅读全文