开发环境macOS High Sierra 10.13.5react-native-cli: 2.0.1react-native: 0.55.4android studio: 3.1.3Xcode: 9.4.1 (9F2000)先说背景最近的项目要使用 React Native 进行开发，并且实现热更新功能，React Native 默认打包策略是将 bundle 文件及相关资源文件放置在项目中固
转载
2023-12-13 00:00:10
0阅读
由于前段时间写了一个React-Native的项目Mung，里面有一个图片浏览的功能，一般图片浏览都需要放大缩小和左右滑动，后来找了两个这方面比较好的控件react-native-gallery和react-native-image-viewer，但他们都有些问题，要不就卡顿，要不就滑动效果不会，这个其实跟React-Native触摸机制有关系，文章后面会提一下，后面就放弃了放大缩小的功能，实现左
转载
2024-05-11 12:40:49
326阅读
react-native-easy-app是一款为ReactNativeApp快速开发提供基础服务的纯JS库(支持IOS&Android)，特别是在从0到1的项目搭建初期，至少可以为开发者减少30%的工作量。react-native-easy-app主要做了这些工作：1.对AsyncStorage进行封装，开发者只需几行代码即可实现一个持久化数据管理器。2.对fetch进行封装，使得开发者
原创
2020-06-06 20:11:54
1012阅读
在 React Native 中实现自适应设备分辨率，主要通过以下核心方案实现：1. Flex 弹性布局（基础方案）import { StyleSheet } from 'react-native'
const styles = StyleSheet.create({
container: {
flex: 1, // 自动填充可用空间
flexDirection: 'row'
React Native获取手机屏幕宽高（Dimensions）
原创
2023-08-07 07:33:00
296阅读
import { Dimensions } from 'react-native' console.log('Dimensions', Dimensions.get('window')) 参考链
原创
2024-04-29 09:34:59
259阅读
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阅读
Platform.OS 为了提高代码的兼容性，我们有时需要判断当前系统的平台，然后做一些适配。比如，我们在使用 StatusBar 做导航栏的时候，在 iOS 平台下根视图的位置默认情况下是占据状态栏的位置的，我们通常希望状态栏下面能显示一个导航栏，所以我们需要为 StatusBar 的外部容器设置
转载
2020-11-23 15:41:00
452阅读
2评论
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评论
文章目录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阅读
有能力的可以看官网：Get Started with Windows · React Native for Windows + macOS 不是我乱吹，是真的很难用，环境搭建就非常难受，各种依赖报错，各种依赖调试，完全没有tauri来的舒服顺畅，甚至为了安装他这个环境我花了一上午时间，期间无数次想放弃，但是耐不住好奇心，就是想体验一下这个跨平台的性能，并且还把我原来的node环境搞坏了，
转载
2023-08-17 12:58:23
196阅读
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阅读
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评论
