有能力的可以看官网：Get Started with Windows · React Native for Windows + macOS 不是我乱吹，是真的很难用，环境搭建就非常难受，各种依赖报错，各种依赖调试，完全没有tauri来的舒服顺畅，甚至为了安装他这个环境我花了一上午时间，期间无数次想放弃，但是耐不住好奇心，就是想体验一下这个跨平台的性能，并且还把我原来的node环境搞坏了，
转载
2023-08-17 12:58:23
196阅读
ReactNative启动流程|Android如何向RN传递初始参数props由$ npx react-native run-android执行启动RN项目，其应用中只有一个Activity[MainActivity]，继承自RN框架的ReactActivity【是RN开发页面的容器】。进入MainActivity页面执行Activity生命周期onCreate、onPause、onResume、
转载
2023-09-30 09:01:36
248阅读
react native 项目默认是没有图标，并且启动页面只有文字。这个样子并不能算是一个完整的APP，现在就给APP加一个图标和一个适应所有屏幕尺寸的启动图，并且设置启动图遮住项目启动时候的白色闪屏。 首先我们来创建一个新项目 首先我们修改应用名称 Android 编辑 android/app/s
转载
2019-04-26 17:36:00
128阅读
2评论
# React Native 启动 Android 教程
## 引言
React Native 是一种用于构建跨平台移动应用的框架，它可以同时为 iOS 和 Android 创建原生应用。本教程将教会你如何启动 React Native 应用程序并在 Android 设备上进行测试。
## 整体流程
下面是启动 React Native 应用程序的整体流程：
| 步骤 | 描述 |
|
原创
2023-12-28 05:55:43
183阅读
# React Native Android 设置横屏指南
在移动应用开发中，有时候我们需要在特定的场景下将应用设置为横屏（Landscape）模式。本文将详细介绍如何在React Native中为Android设备设置横屏，并提供具体的代码示例和步骤说明。
## 整体流程
为了清晰地展示整个实现过程，我们将这个任务分为以下几个主要步骤：
| 步骤 | 描述
这一篇记录的是如何在已有的Android应用中使用React Native，在官方的文档上也有介绍：http://reactnative.cn/docs/embedded-app-android.html#content，不过这里我还是想记录一下遇到的一些坑。一步一步来说吧：创建Android应用
这里我直接用AndroidStudio在桌面上创建了一个应用，名称为ReactNativeAp
转载
2024-06-11 06:56:53
121阅读
用于解决iOS和Android启动白屏问题及简单的启动页面展示 下载 react-native-splash-screen android 配置： 检查配置： 1、android\settings.gradle 如图： 2、android\app\build.gradle 3、android/app
转载
2018-08-10 23:03:00
644阅读
2评论
React Native优点:跨平台、学习成本低(一次学习，两个平台)、性能高(非浏览器渲染，独立引擎)、动态更新(构建自己的更新服务器，无需频繁上架app store)等。一 、环境搭建：1、安装node.js 2、运行 npm -v 查看node.js的版本 3、安装react native命令行工具npm install -g react-native-cli4、执行命令可查看帮助reac
转载
2024-02-04 23:01:00
43阅读
启动流程 我们新建一个RN的项目，在原生代码中会生成 MainActivity 和 MainApplication 两个 Java 类。顾名思义， MainAcitivity 就是我们的 Native 的入口了，我们先来看下 MainApplication 都做了哪些操作 public class
转载
2020-11-23 15:42:00
343阅读
该步骤是自己在看了别人的步骤之后，自己安装时又进行啦一些完善之后的步骤：第一步：安装JDK这里提示注意的地方：一定一定要在系统变量中配置JAVA_HOME: D:\Jdk8\jdk8，值是你的JDK安装目录。第二步：安装SDK① 环境变量ANDROID_HOME：XXX 例 如：（ANDROID_HOME: D:\sdk） ② 环境变量PATH例如： 例如：（P
# React Native iOS 强制默认横屏
在移动开发中，屏幕方向的控制在某些应用场景下显得尤为重要。React Native 作为一个跨平台的框架，可以帮助开发者构建 iOS 和 Android 应用。如果你的应用需要在 iOS 上强制使用横屏模式，下面将为你详细介绍如何实现这一目标。
## 为什么选择横屏？
在游戏、视频播放、图形设计等领域，横屏模式可以提供更宽广的视野和更好的用
安装说明建议在有的情况下，直接到官网，下载适合自己机器的安装包按照博客进行安装，如果没有也提供了安装包在百度云盘上进行安装，但可能不一定适合所有版本的操作系统。百度云盘链接 密码: 753m必选项和可选项大家根据需求下载安装，建议Genymotion还是安装，比android studio的模拟器好用些。必选项安装Python 2选择的是2.6.4版本，点击官网链接,找到download部分，如下
React Native 是Facebook推出的一套用于构建跨平台移动应用的框架，它基于 React 的思想，使用 JavaScript 和 React 语法来开发移动应用。本文将介绍使用 React Native 构建跨平台应用的经验和技巧，并给出相应的代码实现。React Native 开发环境搭建在开始使用 React Native 开发应用之前，需要安装一些必要的工具和环境。具体步骤如下
转载
2024-09-30 10:27:58
30阅读
# React Native iOS 启动闪退的解决方案
在使用 React Native 开发 iOS 应用时，开发者可能会遇到启动闪退的问题。这种情况通常是由于配置错误、依赖包问题或者代码错误导致的。本文将探讨一些常见的解决方案，并通过代码示例和流程图帮助你快速定位并解决问题。
## 常见原因
1. **依赖包问题**：某些依赖包未正确安装或配置。
2. **代码错误**：包括 Java
原创
2024-08-04 04:53:18
294阅读
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评论
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阅读
作者 | Kureev Alexey 2015 年，React Native 为跨平台移动开发带来了一种声明式组件方法。不久，这种面向组件的理念扩展到了类似的框架。现在，借助 SwiftUI 和 Jetpack Compose，这种声明式方法也可以在 native 平台上实现了。SwiftUI 是一个 UI 框架，它将声明式组件方法引入到包括 iOS，macOS 和 watchOS 在内
转载
2023-11-13 09:17:04
256阅读
在 React Native 中实现自适应设备分辨率，主要通过以下核心方案实现：1. Flex 弹性布局（基础方案）import { StyleSheet } from 'react-native'
const styles = StyleSheet.create({
container: {
flex: 1, // 自动填充可用空间
flexDirection: 'row'
React Native 结合了 Web 应用和 Native 应用的优势，可以使用 JavaScript 来开发 iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件，代替 DOM 元素来渲染等。1、安装Java 这里需要注意对环境变量的设置，可以根据java -version来检测一下2、安装SDK 这里需要注意设置环境变量ANDRO
转载
2024-07-18 20:47:14
91阅读
