Context 是什么？Context 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。在一个典型的 React 应用中，数据是通过 props 属性自上而下（由父及子）进行传递的，但这种做法对于某些类型的属性而言是极其繁琐的（例如：地区偏好，UI 主题），这些属性是应用程序中许多组件都需要的。Context 提供了一种在组件之间共享此类值的方式，而不必显式地通过组
转载
2023-12-21 02:45:59
41阅读
Image组件 在React Native中，Image组件是用来加载图片的组件，如果学习过android的话，应该知道Image组件的作用就相当于android中的ImageView控件，用于显示图片。Image加载图片等几种方式 作为RN中加载图片的组件，不同于android中的ImageV
转载
2023-07-13 18:26:52
0阅读
JDK9新特性-module模块系统在Sources Root下新建module-info.java，内容格式如下所示module modulename {
//模块指令
}
modulename具有唯一性一个工程，即使是不同的Sources Root，仅能存在一个module-info.java
模块体内可以保留空内容或者模块指令等内容，其指令类型包括requires、exports、p
转载
2023-08-20 12:21:57
59阅读
基本图片格式（png、jpeg）基本图片格式是开发者最常用的一种图片资源，RN官方提供了在移动端适配的解决方案，直接使用 Image 标签就可以加载网络、本地图片。 【缺点】需要引入多倍图（@2x / @3x）进行适配，使得 jsBundle 体积增大，内存占用的消耗比较明显。热更新时对流量（虽然你不在乎），影响较大。资产变更必须伴随二进制版本（apk | ipa）Url将图片保存在服
# React Native Android 桥接方法传递参数
在React Native中，桥接（Bridge）是一种用于连接Java代码和JavaScript代码的强大机制。了解桥接的方法，可以帮助你在React Native应用中实现复杂的功能，比如调用Android本机API。本文将详细讲解如何在React Native中实现Android桥接并传递参数。
## 流程概览
在实现桥接
原创
2024-10-07 03:27:11
122阅读
作者 | Kureev Alexey 2015 年，React Native 为跨平台移动开发带来了一种声明式组件方法。不久，这种面向组件的理念扩展到了类似的框架。现在，借助 SwiftUI 和 Jetpack Compose，这种声明式方法也可以在 native 平台上实现了。SwiftUI 是一个 UI 框架，它将声明式组件方法引入到包括 iOS，macOS 和 watchOS 在内
转载
2023-11-13 09:17:04
260阅读
一、简言在软件开发中，不论是Web还是App，它们的应用程序都是由很多的功能视图组成的。对于这些组合的视图，如何实现页面间平滑地过渡，应用都有统一的一套跳转机制，这个功能就是路由或者叫导航。应用程序通过导航，可以自由地实现页面之间的切换、前进和后退。在React中使用的是React Router，在iOS中使用的是UIKit的导航视图UINavigation和导航控制器。而在React-Nativ
转载
2024-05-18 22:24:15
197阅读
React-Native新架构：ReactNative宣布在2018年宣布对架构进行重要调整，此时正式Flutter面世。(2018.2.27-世界移动大会发布Fluuter)。而React-Native是在2015发布。以下是重构前的React-Native运行方式： 如图所示，RN结构四大核心部分：React代码部分，由代码翻译过来的JavaScript部分，一系列统称为“桥”的部分，以及
转载
2023-11-23 17:32:27
171阅读
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评论
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
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
转载
2023-02-07 17:29:30
198阅读
1.文本内容必须写在<Text中，不能和Html中直接写在页面中。
转载
2016-10-16 14:04:00
337阅读
2评论
React Native for Web配置兼容性：React Native 0.55。“React Native for Web”使得可以使用React DOM在Web上运行React Native组件和API。查看在Web上运行的React Native示例的实时演示。高质量的Web界面：可以轻松地在JavaScript中创建fast，自适应的Web UI。它提供原生质量的交互，支持多种输入模
转载
2023-08-03 16:48:42
193阅读
很久没回来这里发博客了。最近在学react-native，感觉很必要沉淀一下相关的知识，所以写一编关于react-native 的简介的博文。React-native是什么 react-native是一个可以
使用JavaScript来开发iOS和Android原生应用（ app）的框架。
1、它在 JavaScript中使用React 抽象操作系统原生的 UI 组件，代替D
转载
2023-09-14 19:28:19
142阅读
一，新建项目npx react-native init ximalaya --template react-native-template-typescript二，多环境配置在android和ios的开发中，无法使用proscess.env.NODE_ENV的方式区分环境，需要使用一个包来实现： react-native-config 官网地址：https://js.coach/package/r
转载
2023-09-18 16:10:11
317阅读
本文主要介绍 React-Native 的实际使用经验，对于想要快速入门的同学是有帮助的。作者 | 佐玉 1、整体介绍首先说， React-Native 用来做什么？传统的开发中，按照平台划分为 iOS , Android , Windows 和 Mac 。其中，随着移动设备的使用移动端应用的开发也越来越多。传统上 iOS 应用使用 Xcode 工具、 Objective-C 和 Swift 语言
转载
2023-11-14 14:48:41
163阅读
1.zIndex在Android上使用zIndex来控制组件的层级，会遇到元素不显示的问题。解决方案：
尽量改变组件的顺序，而不用zIndex
尽量不要使用zIndex来控制组件的层级，默认情况下，使用position: 'absolute'后，后面的元素会默认覆盖在前面的元素之上。所以删除zIndex，改变一下组件的顺序就OK啦。
issues: https://github.com/faceb
转载
2024-08-29 12:17:26
128阅读
一、什么是 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阅读
