摘要: 1、安装依赖 babel-plugin-module-resolver yarn add babel-plugin-module-resolver -D 2、配置 babel.config.js module.exports = { presets: ['module:metro-react-nat 阅读全文
posted @ 2023-05-16 16:02 rogerwu 阅读(256) 评论(0) 推荐(0) 编辑
摘要: 在上文 ReactNative 桥接原生原子组件(一)中介绍了在 JS 层如何桥接原生层组件以及封装原生组件的属性,那如何封装原生组件的方法呢? ♦ 原生组件回调 JS 层方法 指的是一个事件发生在原生层,从原生层把事件传递到 JS 层 接下来要在上文的 demo 中添加一个小的需求,点击一个按钮, 阅读全文
posted @ 2023-04-28 17:27 rogerwu 阅读(98) 评论(1) 推荐(0) 编辑
摘要: ♦ 实现一个原生自定义组件 View 1、打开 Android Studio 编辑器,在 android > app > src > main > java > com.rndemo (项目包名) 下新建一个 view 包 2、在 view 包下新建一个 InfoView 类,这个就是要提供给 JS 阅读全文
posted @ 2023-04-26 17:05 rogerwu 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 原生模块简介 有时候一个 RN 应用需要访问一个原生平台的 API 比如相机,但是,默认情况下 JavaScript 是无法访问原生 API 的。 原生模块系统暴露了一些 Java 类的实例对象给 JavaScript,这样就可以允许开发者在 JS 代码中执行一些特定的原生代码。 简单来说,桥接原生 阅读全文
posted @ 2023-04-24 17:21 rogerwu 阅读(519) 评论(1) 推荐(0) 编辑
摘要: 一、创建应用签名 1、在 Android Studio 菜单栏中,依次点击 Build > Generate Signed Bundle/APK 2、在 Generate Signed Bundle or APK 对话框中,选择 APK,点击 Next 按钮 3、在 Key store path 字 阅读全文
posted @ 2023-04-21 16:48 rogerwu 阅读(251) 评论(0) 推荐(1) 编辑
摘要: 1、jdk 11 下载 (1)、Oracle 官方下载地址,https://www.oracle.com/java/technologies/downloads/#java11 (2)、依次选择对应的 jdk 版本、操作系统环境后点击下载(可能需要注册、登录账号) 2、jdk11安装 (1)、双击 阅读全文
posted @ 2023-04-10 14:07 rogerwu 阅读(2146) 评论(0) 推荐(0) 编辑
摘要: Text 一个用于显示文本的 React 组件,支持嵌套、样式、以及触摸处理 style 属性 color: 基本同 css 写法 fontSize: number 类型(默认大小 14) fontStyle: enum('normal', 'italic') fontFamily: string, 阅读全文
posted @ 2022-09-07 17:23 rogerwu 阅读(191) 评论(0) 推荐(0) 编辑
摘要: 样式 在 React Native 中,仍然是使用 JavaScript 来写样式,所有的核心组件都接受名为 style 的属性,这些样式名基本上都遵循 web 上的 CSS 属性名 RN 中的样式与 CSS 的不同 1、没有继承性 RN 中的继承只发生在 Text 组件上 2、样式名采用小驼峰命名 阅读全文
posted @ 2022-09-01 14:09 rogerwu 阅读(575) 评论(0) 推荐(0) 编辑
摘要: React Native 官网地址:https://www.reactnative.cn/docs/environment-setup 开发平台 Windows 目标平台 Android 1、安装依赖 必须安装的依赖有 Node、JDK 和 Android Studio,Node 版本不得低于 14 阅读全文
posted @ 2022-08-31 14:31 rogerwu 阅读(306) 评论(0) 推荐(0) 编辑
摘要: 主题(UI风格、样式、皮肤) 主题风格可通过 theme 来定义,从而实现整个 App 风格的统一 一旦设置了主题,那么应用程序中的某些 Widget,就会直接使用主题的样式 组件 ThemeData - Brightness (Brightness.light | Brightness.dark) 阅读全文
posted @ 2022-07-04 15:32 rogerwu 阅读(71) 评论(0) 推荐(0) 编辑