记录成就美好回忆。当前 React-native 版本： [0.71]入门环境搭建参考文档（官译中文版）搭建开发环境 · React Native 中文网按照文档流程下来，安装基础环境**[windows]**nodenode 版本要求14 以上，以及安装**npx；**安装完后建议设置淘宝源（或者）。JDKReact-native 0.67版本需要 JDK11 Java SE Devel
转载
2023-12-20 21:53:43
228阅读
#React Native windows 环境配置java 开发环境创建 Android studio 下载安装 Android Studio首先下载和安装 Android Studio，国内用户可能无法打开官方链接，请自行使用搜索引擎搜索可用的下载链接。安装界面中选择"Custom"选项，确保选中了以下几项：Android SDK Android SDK Platform Performanc
转载
2024-05-31 11:44:00
87阅读
1.android studio 和 模拟器安装1.首先请确认已经安装jdk并配置好了环境变量，然后下载android studio,其自带了studio、SDK、emulator以及inter HAXM组件。 2.正常安装，安装组件全部选上。 3.安装结束后，先不要启动studio,打开studio目录，更改bin目录下idea.properties文件，在最下面加上一句话 disable
转载
2023-08-07 22:10:30
90阅读
# 如何在 Android Studio 中实现 React Native 插件
为初学者提供一条明确的路径，以便在 Android Studio 中创建 React Native 插件是一项非常重要的任务。本篇文章将带你一步一步完成这个过程。我们将首先介绍整个流程，接着逐步深入每个步骤，详细描述需要的代码和注释。
## 流程步骤概述
下面是实现 Android Studio React N
原创
2024-08-05 03:36:14
218阅读
我们都知道在写react-native应用时候，安装到手机上调试时候摇一摇就可以弹出菜单项供我们选择，而这个apk就在“./android/app/build/outputs/apk”这个目录下的app-debug.apk这个应用，然而我们发布的时候并不能直接把这个发布出去，今天就来说一下如何打包apk。 要知道应用想要发不到应用市场，必须要有数字签名，在eclipse和android studi
转载
2024-07-11 12:30:09
62阅读
在使用 Android Studio 开发 React Native 项目时，我遇到了一些问题，主要集中在如何高效地配置和运行环境。经过一系列的探索、调试和优化，我整理出了一些经验和策略，希望对你们有所帮助。
## 版本对比
在选择 React Native 版本时，了解各个版本的特性差异非常重要。下面的表格总结了不同版本的特性对比：
| React Native 版本 | 特性
# 如何在 React Native 中使用 Android Studio 打包应用
在今天的文章中，我们将学习如何在 React Native 中使用 Android Studio 打包 Android 应用。尽管这听起来很复杂，但通过以下步骤，你将能够轻松实现。
## 流程概述
以下是打包 React Native 应用的基本流程：
| 步骤 | 描述 |
| ---- | ----
React Native简介 React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。
ReactJS和React Native是脸书本地技术，为在线和移动应用程序开发提供了无与伦比的功能。就功能和重要目标而言，两者互不相同。当今最知名的网站都展示了React Native和ReactJS之间的区别。 许多广受欢迎的网站和移动应用程序都是围绕这两种强大的技术构建的。ReactJS开发和React Native开发对比讨论在app开发社区很常见。 React 是一个基于Java
转载
2023-12-20 06:48:28
46阅读
React Native 基础之从源代码编译详解-适合Android开发（一）前言这篇文章给大家介绍一下从源代码进行编译 React Native模块，这篇文章适合Android模块开发。这篇文章的目的是什么呢？如果你想使用官方最新功能，或者使用官方修复Bug补丁代码，或者去使用官方现在还没有正式发布的新功能以及维护自己的功能代码。那么现在就需要现在这篇文章作为指导，进行编译React Nativ
转载
2024-02-10 19:01:14
140阅读
入职新公司，这边打算采用RN来写界面，所以学习一波这一块的知识。 采用的是WebStorm来编译，据同事说，比他采用atom编译要多很多语法提示。 下载地址：https://www.jetbrains.com/webstorm/ 安装之后需要破解： 进入WebStorm，进行基础配置，诸如RN语法高亮等： 语法提示插件：https://github.com/virtoolswebpl
转载
2024-07-31 21:02:18
89阅读
1、React-native的背景Facebook 创建了 React-Native（RN）来构建 app。它最初是在2013年的夏天在 Facebook 内部的一个项目，2015年成为开源项目，是因为当时 React 在社区的呼声很高，他们就觉得 React 是一个很好的UI 框架，那么如果你想构建一个 native-app，为什么不直接让在 React 跑在移动端的操作系统上那！因此，在同一年
转载
2024-08-15 07:33:11
77阅读
移动开发以前一般都是原生的语言来开发，Android开发是用Java语言，IOS的开发是Object-C或者Swift。那么对于开发一个App，至少需要两套代码、两个团队。对于公司来说，成本还是有的。然而现在有蛮多的公司开发App是基于React Native来开发的，这样可以做到一个App，就是一套代码，一个团队。对于公司来说，无疑节约了成本。《React Native开发》这系列的文章主要是记
转载
2023-07-26 19:47:36
158阅读
# React Native 找不到 Android Studio
## 引言
React Native 是一个流行的跨平台移动应用开发框架，它允许开发者使用 JavaScript 和 React 的能力来构建原生应用。然而，在使用 React Native 进行 Android 开发时，有时候会遇到找不到 Android Studio 的问题。本文将会介绍这个问题的原因，并提供解决方案。
#
原创
2023-10-06 10:12:54
910阅读
create-react-app是用于搭建react项目的脚手架。它的优势在于省略了很多涉及配置的地方，能够更加容易上手。 Web前端教程 1.安装与使用：通过 npm、yarn、npx都可以1> 安装npmnpm i -g create-react-appyarnyarn global add create-react-app2> 使用安装完成以后，即可使用create-r
转载
2024-07-23 21:04:16
15阅读
安装说明建议在有的情况下，直接到官网，下载适合自己机器的安装包按照博客进行安装，如果没有也提供了安装包在百度云盘上进行安装，但可能不一定适合所有版本的操作系统。百度云盘链接 密码: 753m必选项和可选项大家根据需求下载安装，建议Genymotion还是安装，比android studio的模拟器好用些。必选项安装Python 2选择的是2.6.4版本，点击官网链接,找到download部分，如下
标题背景最近公司接了一个项目，需要做移动端，由于没有IOS相关的人员，为了减少学习成本，就打算使用的混合开发的技术。简单了解了一下，现有跨平台方案有：Flutter,React Native，Weex和Cordova这种hybride开发。考虑了一下技术的运行速度，支持平台，生态环境，上手速度。还是决定了使用React Native。主要是因为：客户需求简单，性能要求不高。React Native
# 使用Android Studio打包React Native APK
React Native是一个开源框架，允许开发者使用JavaScript和React构建跨平台的移动应用。随着项目规模的扩大，您可能会希望将您的React Native应用打包成APK（Android安装包）。在本文中，我们将针对如何通过Android Studio打包React Native APK进行详细介绍，并提供
通过示例程序可以看到一些基本组件的使用，对于学习ReactNative是很有帮助的。编译示例程序需要将整个项目导入到androidStudio中，androidStudio导入项目时选择react-native/ReactAndroid目录。由于项目依赖ndk因此如果要编译Examples还需要安装配置ndk目录，下载ndk后是一个自解压程序，会释放ndk的目录。然后需要设置环境变量或者在reac
介绍AntV 是蚂蚁金服全新一代数据可视化解决方案，致力于提供一套简单、方便、专业可靠、无限可能的数据可视化最佳实践。 分类G2使用文档：https://www.yuque.com/antv/g2-docsG2 是一套基于可视化编码的图形语法，以数据驱动，具有高度的易用性和扩展性，用户无需关注各种繁琐的实现细节，一条语句即可构建出各种各样的可交互的统计图表。特性简单、易用完备的可视化编
