文章目录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阅读
React Native 中文网 http://reactnative.cn/ 相关资料 React-Native学习指南 https://github.com/reactnativecn/react-native-guide 教程 React Native React.js ES6 系列教程 开源
原创
2021-07-20 14:36:01
387阅读
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 iOS教程
## 简介
React Native是Facebook推出的一套用于构建跨平台移动应用的框架。它允许开发者使用JavaScript编写移动应用，并能够在iOS和Android平台上运行。本教程将重点介绍如何在React Native中开发iOS应用，包括项目初始化、UI组件使用、网络请求等内容。
## 准备工作
在开始之前，我们需要确保已经安装好以
原创
2023-09-18 06:08:05
178阅读
一.新建一个ReactNative 项目 步骤：1.进入终端使用终端命令：react-native init 项目名称 2.使用cd进入项目文件路径 3.运行reacnative 项目 终端命令：react-native run-ios 或者 在reacnative 项目中找到IOS文件夹，打开直接在xcode中运行。二.解决引入组建没有提示的问题 步骤：去github 上下载ReactNativ
转载
2023-11-29 12:34:43
55阅读
说在前面，本教程是建立在项目已经成功在模拟器上运行的基础上，如果你是还未配置好环境的新手，建议先从官网快速入门开始：官网英文版 、 中文版
ok, 切入正题，当你已经完成好环境配置，在模拟器上成功的运行了项目，看到了下图的效果，这时你的一定想，是时候去手机上装个逼了！找到官方的教程，开始一步步跟着来：修改URL地址：打开项目目录下的AppDelegate.m文件，修改里面的URL，把localho
转载
2023-05-22 14:49:20
299阅读
前言正如我上一篇博客当中提到的，现在绝大部分的ReactNative应用均是采用融合到已有项目中的方式，把项目中的某一个模块使用ReactNative来开发，所以有必要弄清楚ReactNative是如何融合到已有项目的。一、新建一个Android项目 注意Minimum SDk选择API16以上 二、添加JS打开studio的Terminal窗口，输入如下命令：npm init会让你输入一些初始化
转载
2023-12-17 08:28:21
109阅读
将RN 集成到原生项目步骤：1.前提搭配好环境2.首先创建一个空目录用于存放 React Native 项目，然后在其中创建一个/android子目录，把你现有的 Android 项目拷贝到/android子目录中。3.安装 JavaScript 依赖包在项目根目录下创建一个名为package.json的空文本文件，然后填入以下内容：{
"name": "MyReactNativeApp",
转载
2023-11-09 17:24:27
178阅读
在本章中，我们将了解React Native中的导航。
步骤1 - 安装路由
首先，我们需要安装 Router 路由，我们将...
原创
2023-11-01 13:08:25
282阅读
原创
2022-03-09 09:52:33
744阅读
# React Native Android配置教程
欢迎来到React Native的世界！在本教程中，我将指导你完成React Native在Android上的配置过程。这个过程分为几个主要步骤。为了更清晰地展示整个流程，下面是一个步骤表。
| 步骤 | 描述 |
|------|-----------------------------
React native提供了两种方法来帮助调试代码。
在App Developer菜单中
您可以通过按 command + D 在IOS模...
原创
2023-11-01 12:09:01
188阅读
ReactNative环境安装，超详细。开发自已第一个APReactNative环境安装，超详细。开发自已第一个APP.许多人学习react-native放弃的很大一部分原因是一开始环境就让学习者头大，并不是语法或者组件上的问题。安装java基本没什么问题，傻瓜式操作，下一步下一步。安装java jdk和配置环境安装java基本没什么问题，傻瓜式操作，下一步下一步。1.修改环境变量，新增JAVA_
转载
2024-05-18 13:16:10
751阅读
前言当前 React Native
虽说版本更新比较快，各种组件也提供的很全面了，但是在某些情况下，混合开发的方式才会快速缩短开发周期，原因无非就是原生平台的“底蕴”无疑更深，拥有众多且类型丰富的第三方支持库。很多情况下，运用这些库可以避免苦逼的重复劳动。接下来我们以
jpush-react-native 插件1为例来看看在 React Native 中如何使用原生的第三方库。开始在开始之前，
您需要安装几件事来为React Native设置环境。我们将使用OSX作为构建平台。
步骤1 - 安装create-react-nat...
原创
2023-11-01 11:08:04
97阅读
如果您想在IOS模拟器中测试您的应用程序，则只需在终端中打开应用程序的根文件夹并运行-
react-native ru...
原创
2023-11-01 14:08:05
124阅读
在本章中，我们将向您展示如何在React Native中使用模式组件，现在让我们创建一个新文件: ModalExample.j...
原创
2023-11-01 15:08:34
145阅读
我们都知道在写react-native应用时候，安装到手机上调试时候摇一摇就可以弹出菜单项供我们选择，而这个apk就在“./android/app/build/outputs/apk”这个目录下的app-debug.apk这个应用，然而我们发布的时候并不能直接把这个发布出去，今天就来说一下如何打包apk。 要知道应用想要发不到应用市场，必须要有数字签名，在eclipse和android studi
转载
2024-07-11 12:30:09
62阅读
安装watchman－自动监听文件内容变化，刷新数据brew install watchman1如果提示没有安装brew/
原创
2022-12-13 11:37:19
113阅读
React Native技术在小米有品App中的应用
笔者khzliu同学，关注于大前端、跨端技术小米有品简介小米有品是小米旗下的一个开放的生活购物平台，小米有品App从最初的米家App内一个商城标签页经过两年的发展成为一个独立的商城应用。作为一个电商系统应用，小米有品App支撑了会场导购、营销活动、内容直播、商城交易和售后物流等业务的前端页面呈现与交互。因为电商的业务场景特点就是更新迭代速度快、
