问题描述：当要实现gif图的动态效果时，想到这个组件， UI提供的json在ios机上可以正常使用，但是在android机上崩溃 原因：官网上介绍Android需要用到imageAssetsFolder这个属性。下图是官网给的使用方法： 具体操作步骤： 1. 打开json文件，可以看到我这里用到了两 ...
转载
2021-08-12 17:08:00
1006阅读
1.首先推荐一个控件:可以同时实现上拉加载下拉刷新https://github.com/shiwenwen/react-native-swRefresh安装: npm install react-native-swRefresh 使用中有个注意事项,引入的lib有错误(手动找到node_modules/react-native-swRefresh): impo
原创
2022-09-16 15:44:55
307阅读
翻译背景：最近我在做 React Native 项目的时候遇到了一个很奇怪的问题：IOS 的 release 包竟然比 debug 包要慢，不管是启动加载还是 tab 切换都慢，而且慢好几秒，这让我很不能理解。做过 React Native 项目的人都会知道，release 包一定会比 debug 包快。通过排查我发现，是引入了本地图片的原因，如果把本地图片改成网络图，加载速度就正常了。我在网上搜
转载
2024-05-22 19:42:17
203阅读
懒加载：延迟加载，当图片出现在可视区域内，再去进行图片加载，以提升因图片过多引起的加载缓慢的页面加载速度。一、<image>标签loading属性image标签自带一个loading属性，这个属性有2个值eager默认值，渲染时图像立即加载lazy开启懒加载，当滑动到该区域时图像才加载该属性也可以进行懒加载，但是该属性开启的懒加载会加载两到三个可视页面的图片，不止当前可视区域的图片进行
转载
2023-08-17 16:22:52
389阅读
在这篇博文中，我将详细说明如何解决“React Native View 的加载流程”在 Android 平台上的问题。借助这个指南，读者将能够理解并优化 React Native View 的加载过程。
## 环境准备
在开始之前，确保您的开发环境符合以下软硬件要求。
### 软硬件要求
| 组件 | 要求 |
|:---------:|:-
看了一些android支持动图的博客都是添加配置，问题就是要求的版本不对应，试了很多回后发现
原创
2023-02-14 10:44:17
224阅读
In this lesson you will learn how create a re-usable component that gives the user the ability to dismiss the keyboard whenever they tap outside of a
转载
2018-01-15 00:55:00
546阅读
2评论
作者 | Kureev Alexey 2015 年，React Native 为跨平台移动开发带来了一种声明式组件方法。不久，这种面向组件的理念扩展到了类似的框架。现在，借助 SwiftUI 和 Jetpack Compose，这种声明式方法也可以在 native 平台上实现了。SwiftUI 是一个 UI 框架，它将声明式组件方法引入到包括 iOS，macOS 和 watchOS 在内
转载
2023-11-13 09:17:04
256阅读
React-Native新架构：ReactNative宣布在2018年宣布对架构进行重要调整，此时正式Flutter面世。(2018.2.27-世界移动大会发布Fluuter)。而React-Native是在2015发布。以下是重构前的React-Native运行方式： 如图所示，RN结构四大核心部分：React代码部分，由代码翻译过来的JavaScript部分，一系列统称为“桥”的部分，以及
转载
2023-11-23 17:32:27
171阅读
一、简言在软件开发中，不论是Web还是App，它们的应用程序都是由很多的功能视图组成的。对于这些组合的视图，如何实现页面间平滑地过渡，应用都有统一的一套跳转机制，这个功能就是路由或者叫导航。应用程序通过导航，可以自由地实现页面之间的切换、前进和后退。在React中使用的是React Router，在iOS中使用的是UIKit的导航视图UINavigation和导航控制器。而在React-Nativ
转载
2024-05-18 22:24:15
197阅读
Glide图片库，相必大家用的不能再熟了，但是不知道小伙伴们有没有遇到gif加载卡顿，或者gif它变成了静态图，它不动了，这个是没法忍受的，glide全程都是java写的所以在加载gif的时候占用的内存就比较大，应用层渲染解析gif源文件相对于底层又比较慢，最终导致卡着不动了，这个是无法忍受的，所以怎么对gif这一块进行优化呢，既然进程的堆内存不能用太多，那么是否可以将gif的内存占用放在直接内存
转载
2023-10-10 13:53:47
476阅读
Learn to install JavaScript modules that include native code. Some React Native modules include native code for Android and/or iOS in addition to Java
转载
2017-02-16 02:28:00
447阅读
2评论
1.文本内容必须写在<Text中，不能和Html中直接写在页面中。
转载
2016-10-16 14:04:00
337阅读
2评论
一、什么是 JSXJSX即JavaScript XML。一种在React组件内部构建标签的类XML语法。JSX为react.js开发的一套语法糖，也是react.js的使用基础。React在不使用JSX的情况下一样可以工作，然而使用JSX可以提高组件的可读性，因此推荐使用JSX。二、JSX 的基本使用 2.1 为什么使用 JSX 原因一：使用 React.createElement()
转载
2024-06-28 16:14:05
96阅读
文章目录1.配置环境i) 基础环境ii)安装react-nativeiii)确保在你的xcode中有Command Line Tools2.创建第一个app并且运行i)创建第一个appii)运行你的第一个appNo bundle URL present问题的处理iii)运行第一个程序“hello world”3. 安装React Navigation4. 安装Redux module2020年更
转载
2023-07-13 18:17:47
0阅读
兜兜转转，不少开发者还是发现 React Native 的真相定律。日前，国外知名聊天软件 Discord 于官方博客上发布了一则《Android 版本 Discord 激动人心的更新》公告。在公告中，Discord 指出，其将在未来几周内改进 Android 版本的应用程序，具体包括通过跨 Android、iOS 和桌面端的集中式简化应用开发流程，实现跨平台的功能一致性。图源：Discord 官
转载
2023-10-27 09:29:02
80阅读
1.zIndex在Android上使用zIndex来控制组件的层级，会遇到元素不显示的问题。解决方案：
尽量改变组件的顺序，而不用zIndex
尽量不要使用zIndex来控制组件的层级，默认情况下，使用position: 'absolute'后，后面的元素会默认覆盖在前面的元素之上。所以删除zIndex，改变一下组件的顺序就OK啦。
issues: https://github.com/faceb
转载
2024-08-29 12:17:26
128阅读
React Navigation & React Native & React Native Navigation
转载
2019-04-28 11:47:00
286阅读
