摘要:
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 阅读全文