1.按钮防重复点击(throttle节流) 2.输入框输入时接口多次调用造成页面多次渲染(debounce去抖) 3.简单的动画效果如缩放、透明度，使用LayoutAnimation完成 4.整个页面从下往上弹出的、透明显示的可以使用modal的动画效果 5.跳转下一个页面（有耗时操作），使用Int
转载
2020-01-14 23:06:00
203阅读
2评论
在PhoneGap、RubyMotion、Xamarin、Ionic一众跨平台开发工具中，React Native能够杀出一条血路，获得目前这么大的影响力，除了React社区生态圈的加持和Facebook的大力推广以外，另外一个最主要的原因就是其在开发效率和应用性能方面取得了一个比较好的平衡：开发效率通过JS工程实践，逻辑跨平台复用得到极大提升性能则通过全Native的UI层得到满足不过，虽说框架
原创
2021-04-28 05:46:20
440阅读
# React Native iOS 真机测试指南
React Native 是一个流行的开源框架，旨在帮助开发者使用 JavaScript 和 React 创建原生移动应用。随着应用的逐步完善，真机测试变得尤为重要。本文将介绍如何在 iOS 真机上进行 React Native 应用的测试，同时提供代码示例和工具使用建议。
## 一、环境准备
在开始之前，请确保您已经安装了以下工具：
1
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评论
一、简言在软件开发中，不论是Web还是App，它们的应用程序都是由很多的功能视图组成的。对于这些组合的视图，如何实现页面间平滑地过渡，应用都有统一的一套跳转机制，这个功能就是路由或者叫导航。应用程序通过导航，可以自由地实现页面之间的切换、前进和后退。在React中使用的是React Router，在iOS中使用的是UIKit的导航视图UINavigation和导航控制器。而在React-Nativ
转载
2024-05-18 22:24:15
197阅读
作者 | 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阅读
Flutter vs React Native vs Native：深度性能比较作者 | InVerita译者 | Sambodhi策划 | 蔡芳芳Flutter 是 Google 开源的移动用户界面框架，可以快速在 iOS 和 Android 上构建高质量的原生用户界面，正在被全球越来越多的开发者和组织使用。而 React Native（简称 RN）是 Facebook 开源的跨平台移动应用开发
原创
2020-12-17 19:44:55
578阅读
react-native的性能英文原文地址： http://facebook.github.io/react-native/docs/performance.html使用react native 代替webview技术来构建app最大的理由就是60FPS流畅的体验。我们尽可能的让开发者可以专注于app开发而不是性能优化，但是目前RN还不能完全的达到此目标，并不能自动选择最优的方式，所以，还需要开发
转载
2024-09-24 14:06:03
48阅读
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评论
React Native
转载
2023-02-07 17:29:30
198阅读
1.文本内容必须写在<Text中，不能和Html中直接写在页面中。
转载
2016-10-16 14:04:00
337阅读
2评论
React Native
RN
React Native ## React Native 中文文档> 0.59https://reactnative.cn/docs/
转载
2016-08-18 22:35:00
263阅读
React Native尽量阅读官网文档，会有翻译错误和文档内容缺失
android开发react native组件和工具动画Animation/react native写的
开源项目学习
转载
2019-11-28 23:39:00
238阅读
2评论
兜兜转转，不少开发者还是发现 React Native 的真相定律。日前，国外知名聊天软件 Discord 于官方博客上发布了一则《Android 版本 Discord 激动人心的更新》公告。在公告中，Discord 指出，其将在未来几周内改进 Android 版本的应用程序，具体包括通过跨 Android、iOS 和桌面端的集中式简化应用开发流程，实现跨平台的功能一致性。图源：Discord 官
转载
2023-10-27 09:29:02
80阅读
一、什么是 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.zIndex在Android上使用zIndex来控制组件的层级，会遇到元素不显示的问题。解决方案：
尽量改变组件的顺序，而不用zIndex
尽量不要使用zIndex来控制组件的层级，默认情况下，使用position: 'absolute'后，后面的元素会默认覆盖在前面的元素之上。所以删除zIndex，改变一下组件的顺序就OK啦。
issues: https://github.com/faceb
转载
2024-08-29 12:17:26
128阅读
文章目录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实战一、项目准备1.1 创建原始项目1.2 使用 react-navigation 搭建页面路由1.2.1 安装react-navigation相关依赖1.2.2 修改App文件1.2.3 项目启动报错二、项目开发2.1 登录页面2.1.1 背景图片实现2.1.2 透明状态栏2.1.3 手机dp单位与px单位的转化2.1.4 引入react-native-elem
转载
2023-11-13 19:39:51
247阅读
2015年9月15日，Facebook发布了 React Native for Android，把 Web 和原生平台的 JavaScript 开发技术扩展到了 Google 的流行移动平台。什么是React NativeReact Native 让开发者使用 JavaScript 和 React 编写应用，利用相同的核心代码就可以创建 Web，iOS 和 Android 平台的原生应用。Reac
转载
2023-12-21 19:38:26
122阅读
