用React Native开发好APP之后，如何将APP发布到市场以供用户使用呢？不管是Android还是iOS等原生app走的都是：签名打包—>发布到各store这两大步骤。本文将对Android和ios两大平台打包过程做一个简单的介绍。Android平台打包 在Android原生的app开发打包过程中，主要有两种发布方式：一种是借助于命令行操作，另外一种是借助于Android Stud
转载
2023-10-14 23:15:41
134阅读
AppState应用状态AppState用于检测当前APP应用是否在活动中。可以通过属性currentState获取：AppState.currentState如果间监听活动状态，可以使用：state = {
appState: AppState.currentState
}
componentDidMount() {
AppState.addEventListener('cha
转载
2024-06-17 13:23:06
67阅读
# 如何使用 React Native 在 macOS 上开发 Android 应用程序
React Native 是一个用于构建跨平台移动应用框架，允许开发者用 JavaScript 和 React 来创建原生应用程序。对于刚入行的小白来说，初始的设置可能显得有些复杂。本文将为您提供一个详细的步骤指南，帮助您在 macOS 上使用 React Native 开发 Android 应用程序。
一、核心部分1. React Native 现在使用 Babel 7，升级到 0.56 后，请确保将 babel-preset-react-native package.json 依赖项升级到 ^5.0.1 或更高版本。 2. 一些项目所需的最低版本都进行了升级，如现在最低的要求版本：（1）Node所需的最低版本为【8】（2）iOS 9现在是所需的最低版本。&n
# Mac 上 React Native 启动 Android Studio 没有网的解决方案
在开发 React Native 应用时，我们常常使用 Android Studio 进行模拟器的运行和调试。然而，在 macOS 上启动 Android Studio 时，有时候可能会遇到无法联网的情况，这给开发带来了困扰。本文将详细介绍如何解决这个问题，并提供代码示例和不同的图表来帮助理解。
#
原创
2024-10-21 05:32:17
147阅读
接触 react native
对于技术，我比较喜欢追新。看到报道大名鼎鼎的facebook(开源界的模范,发布了很多高质量的开源框架)开源了移动端跨平台的新框架react native，于是就迫不及待的开始接触它了。react native的目的是为了让前端开发任务能开发移动端（ios程序员相对于web端来说要少得多），于是就有了这样的框架。对于我们IOS程序员有没有必要去学它，看到它
转载
2023-11-07 16:25:18
75阅读
# 如何在 Mac 上使用 Yarn 安装 React
在软件开发的领域，使用 React 创建单页面应用程序是一项非常受欢迎的技能。而 Yarn 是一个流行的 JavaScript 包管理工具，可以帮助你轻松安装和管理项目依赖。在这篇文章中，我将带你一步一步地完成在 Mac 上使用 Yarn 安装 React 的过程。
## 安装流程
下面是安装的基本流程：
| 步骤 |
步骤 http://facebook.github.io/react-native/docs/getting-started.html#content 依照React Native官网步骤一步步安装，记录例如以下 1.安装Homebrew （依照官网 在命令终端输入命令就可以） 2.安装nvm（no
转载
2017-07-07 11:54:00
227阅读
2评论
1. 安装：1. 安装Xcode: 从AppStore或Apple Developers（https://developer.apple.com/download/more/）下载安装
原创
2024-04-22 11:10:54
77阅读
这里原生界面是指用布局文件实现或java代码实现view的Activity，React界面是指用ReactJS实现的界面的Activity。从某种角度看，React只是充当了Android里的view层，因此原生界面与React界面的相互调用及数据传递同原生界面之间的互动基本是一致的。下面是我对两种界面的相互调用和数据传递的一种实现尝试，不一定是最有效率或最佳的，纯当练习和探索而已。一、原生界面调
转载
2023-12-14 21:46:57
135阅读
react 移动端 兼容性问题和一些小细节使用 ES6 的浏览器兼容性问题react 对低版本的安卓webview 兼容性iOS下 fixed与软键盘的问题onClick 阻止冒泡meta对于移动端的一些特殊属性页面禁止复制、选中文本1.使用 ES6 的浏览器兼容性问题由于 Babel 默认只转换转各种 ES2015 语法，而不转换新的 API，比如 Promise，以及 Object.assig
转载
2023-10-16 20:52:32
47阅读
最近升级了mac硬盘，因为原有系统有些混乱了，所以舍弃了time machine备份，重新设置整个系统，所以这里记录一下oh-my-zsh的安装和配置过程。 本文应和另外一篇一起食用。1. 切换shell到zshchsh -s /bin/zsh2. 安装oh-my-zsh可以通过curl或者wget安装2.1 curl安装githubsh -c "$(curl -fsSL https://raw.
转载
2023-11-03 07:15:18
126阅读
本文讲的是 window开发Android，mac请绕道开发平台： window
目标平台： Android
官网奉上
一、安装依赖必须安装的依赖有：Node、JDK 和 Android Studio。虽然你可以使用任何编辑器来开发应用（编写 js 代码），但你仍然必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境。1>、NodeNode官网注意 Nod
转载
2024-08-17 11:29:40
39阅读
# 如何使用 React 开发 Android 应用
在现代开发中，React 是一个非常流行的 JavaScript 库，主要用于构建用户界面。随着 React Native 的出现，开发者可以用 React 的方式构建跨平台的移动应用，包括 Android 应用。本文将介绍如何从头开始建立一个 React Native Android 应用，并提供详细的步骤和代码示例。
## 流程概述
本篇博客仅作个人记录，如有错误大佬们欢迎提醒、评论、以及交流ReactNative技术。我查看了许多博客，发现大多都写的比较简练，我就来结合自身的经验做个梳理和总结，帮助小白们加深一下对ReactNative+Android混合开发的理解。这里说的混合开发与官网上说的【集成到现有原生应用】存在区别，一个是以原有的Android项目为基础，在此之上某一两个页面或业务流程用ReactNative。而本
转载
2023-09-12 20:45:02
83阅读
自从Facebooke出了React Native之后就挺火的，所以也想尝试下什么效果，所以在window下进行Android的尝试，React Native的所有安装工作都是以命令行的形式做的，所以在不太熟悉命令行的基础上会有些问题。 在widow下安装软件的时候需要Ctr+R-》进入命令行模式，复制命令下载相应软件（红色的是命令），本文是widow下安装环境的搭建 注意：在使用命令行安装的
接着上文，原生模块sync之后如果没有报错信息，那么我们就可以进入下一步了。我们还是分两大部门来介绍；rn端和原生端。rn端环境搭建(进阶) 大家还记得上面这篇博客的这幅图吧。这就是我们执行下面命令，生成的原始目录结构。npx react-native init AwesomeProject 现在，我们来对它添加一些文件，以完善rn端执行js/ts代码所需要的功能。 我们需要添加两个文件babel
转载
2024-02-20 22:12:06
24阅读
react已经用了半年多了，年后有时间想探究一下奇妙的react-native，还别说确实刁，具体哪里刁后面会补充，因为搭建教程，以及入门教程没来得及写，这里先来写一些基础知识的心得。 为什么react用了半年了这会才来补基础知识，其实大部分知识是知道的，只是因为之前有些问题一直有疑惑，这次看着书籍一点点
转载
2024-01-05 22:53:56
70阅读
react-native-android-guide 致力于帮助Android开发者转react-native开发。 地址：https://github.com/jiangqqlmj/react-native-android-guide 作为一名Android开发者，我的感觉就是，一步一卡，卡的潇洒。 但是我还是要学react-native，不要问我为什么,因为我相信一门解决了原生
概述前面我们介绍过在window环境下开发React Native项目，今天说说怎么在mac上搭
原创
2022-09-15 09:47:48
1096阅读
