React Native之在Android上添加阴影的实现

目录 在Android上添加阴影 目前有个方法 总结 在Android上添加阴影 官网中明确表示在react native中阴影的样式属性shadow...都是只支持iOS的,并不支持Android。 目前有个方法 可以让Android有灰色的阴影,但是无法指定Android机上 »

一文详解ReactNative状态管理rematch使用

目录 引言 React 和 rematch 创建Todo List App 创建一个 models.ts 文件 创建一个 todo.ts 文件 使用 rematch 的 init 函数创建 store RematchTodoApp 要创建UI 组件 总结 引言 有同学反馈开发 R »

一文详解ReactNative状态管理rematch使用

目录 引言 React 和 rematch 创建Todo List App 创建一个 models.ts 文件 创建一个 todo.ts 文件 使用 rematch 的 init 函数创建 store RematchTodoApp 要创建UI 组件 总结 引言 有同学反馈开发 R »

一文详解ReactNative状态管理redux-toolkit使用

目录 正文 React 和 Redux-Toolkit 创建 Todo List App 新建一个React应用 创建一个 todoSlice.ts 文件 创建 store 上层组件通过 Provider 分发给组件树 通过useSelector 和 useDispatch 获取数据和分发行为 »

react native reanimated实现动画示例详解

目录 背景 动画拆分 实现抖动 定义动画 实现缩放动画 改变内容 Reanimated 原理浅析 总结 背景 在一次 App 迭代中,UI 想要给按钮添加一个动画效果,在对接的过程中,UI 表示直接用 .gif 就好,因为感觉开发出来的效果应该不会很好。 听到这里,一个技术人 »

适用于React Native 旋转木马应用程序介绍

目录 正文 如何使用它 1.安装并导入 react-native-intro-carousel 2.示例应用程序 预览 正文 一个带有分页功能的介绍页面旋转木马(onboarding)动画。 如何使用它 1.安装并导入 react-native-intro-carouse »

新建的React Native就遇到vscode报警解除方法

目录 新建的RN项目有警告 直接删除vscode报警的部分 禁掉vscode内置的TypeScript插件 引入Flow Language Support解除报警 新建的RN项目有警告 我相信AwesomeProject是很多人的第一个RN项目,包括我在内。 npx react-nati »

React Native学习笔记----React Native简介与环境安装

React Native 的基础是React, 是在 web 端非常流行的开源 UI 框架。要想掌握 React Native,先了解 React 框架本身是非常有帮助的。 一、什么是React Native 1.1 React Native带来的惊喜 React Native 是一个使用JavaS ... »

WeiHongister

react-native消息推送实现方式

目录 react-native极光推送 一、安装插件 二、配置 安卓配置 IOS配置 三、使用 解决ios角标无法清除 总结 react-native极光推送 先去官网注册:https://www.jiguang.cn并创建应用 一、安装插件 jpush-react-nativ »

React Native全面屏状态栏和底部导航栏适配教程详细讲解

目录 前言 顶部状态栏 底部导航栏 最后说的 前言 最近在写 React Native 项目,调试应用时发现顶部状态栏和底部全面屏手势指示条区域不是透明的,看起来很难受。研究了一下这个问题,现在总结一下解决方案。 相关知识点: React Native 原生组件 <Statu »

react-native只保留3x图原理解析

目录 引言 1. 输出构建产物 2. RN如何决定加载哪张scale图片? 3. repo中是否可以只保留3x图? 3.1 资源上传 3.2 资源下载 4. 结论 引言 我们的react-native项目中,一张图片一般会存在1x, 1.5x, 2x, 3x几种尺寸(1.5x是a »

react native图片解析流程详解

目录 正文 1. 构建输出的产物 2. js bundle分析 3. 图片source拼接 3.1 如果bundle放在服务器(本地开发) 3.2 bundle内置在app中(app下载bundle和assets后执行) 4. Image style的witdh和height没有声明会发生什么 »

关于React Native常用技巧

目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ »

(架构)React Native 导出项目全局共用组件的模块

目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ »

快来了,React Native 新架构

目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ »

React Native之FlatList的介绍与使用实例

目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ »

react native 学习一(环境搭配和常见错误的解决)

目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ »

react-native 学习(三)

目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ »

lhyforfront

react-native 学习(二)

目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ »