移动开发以前一般都是原生的语言来开发,Android开发是用Java语言,IOS的开发是Object-C或者Swift。那么对于开发一个App,至少需要两套代码、两个团队。对于公司来说,成本还是有的。然而现在有蛮多的公司开发App是基于React Native开发的,这样可以做到一个App,就是一套代码,一个团队。对于公司来说,无疑节约了成本。《React Native开发》这系列的文章主要是记
转载 2023-07-26 19:47:36
158阅读
严格按照官网提供的人品好的就可以了,但是我向来不是人品好的,所以遇到无数问题,花费n天,首先说mac版的。但是出问题的时候忘了截图,只好想起什么遇到什么再继续加。mac:  其实配好mac环境就好了,但是官方建议xcode需要7.1以上,然而xcode需要osx至少10.10.5所以我安装了很多次花费的时间大都在这了。  首先按照http://reactnative.cn/docs/0.27/ge
转载 2023-09-18 18:38:31
257阅读
搭建开发环境欢迎使用React Native!这篇文档会帮助你搭建基本的React Native开发环境。如果你已经搭好了环境,那么可以尝试一下编写Hello World。 根本你所使用的操作系统、针对的目标平台不同,具体步骤有所不同。如果想同时开发iOS和Android也没问题,你只需要先选一个平台开始,另一个平台的环境搭建只是稍有不同。 目标平台:  iOS 
转载 2024-07-26 09:23:48
134阅读
调出开发者菜单:ctl+m启用在线加载:启用热加载:屏蔽黄屏警告:import{YellowBox}from'react-native';YellowBox.ignoreWarnings(['Warning:...']);安装react开发工具:npminstall-greact-devtoolsreact-devtools启用元素检测:调试
原创 2018-04-12 04:44:27
1072阅读
1点赞
# React Native iOS 调试指南 React Native 是一个流行的跨平台移动应用开发框架,可以使用 JavaScript 和 React 语法编写原生应用。在开发过程中,我们经常会遇到调试问题,本文将介绍如何在 iOS 上进行 React Native 应用的调试。 ## 1. 使用 Xcode 进行调试 Xcode 是苹果官方提供的开发工具,它可以帮助我们进行 iOS
原创 2023-12-12 05:46:09
270阅读
在做React Native开发时,少不了的需要对React Native程序进行调试调试程序是每一位开发者的基本功,高效的调试不仅能提高开发效率,也能降低Bug率。本文将向大家分享React Native程序调试的一些技巧和心得。Developer MenuDeveloper Menu是React Native开发者定制的一个开发者菜单,来帮助开发调试React Native应用。提示:生
转载 2022-09-07 10:28:19
141阅读
android studio avd 模拟器 expo 脚手架创建的项目 点击debug remote js后自动打开浏览器: App.js: import React, { useState } from 'react'; import { View, TextInput, Text} from
原创 2024-04-28 14:25:06
128阅读
android studio avd 模拟器expo 脚手架创建的项目点击debug remote js后自动打开浏览器:
原创 2022-07-25 12:18:11
300阅读
在学习React Native的过程中,相信对于一个App开发工程师,没有充分的学习过前端开发技术的同学来说,顺利的搭建好开发环境还是比较纠结的。下面,我就根据我自己学习过程中的总结,跟大家讲解讲解如何从零开始顺利的搭建React Native开发环境,希望对大家的学习有所帮助。我是以Ubuntu操作系统进行开发的,具体步骤如下: 1.安装Git     apt-ge
转载 3月前
21阅读
React Native环境配置搭建(史上最详细教程和注意事项)一、安装node二、安装yarn三、安装Java Development Kit四、搭建Android 开发环境 React Native官网环境搭建教程写的不够详细,并且有些坑,使得搭建环境很慢,本文章就是为了解决这些问题,以新手为标准的文档。 首先看下官网的说明:重点:必须安装的依赖有:Node、JDK 和 Android St
React native提供了两种方法来帮助调试代码。 在App Developer菜单中 您可以通过按 command + D 在IOS模...
原创 2023-11-01 12:09:01
188阅读
由于项目需求,要做移动端的App,因此要学习react-native,在看教程时很多老师就提到了react-native的环境配置是很难的,那么,今天就来记录一些自己配置react-native的过程配置环境由于react-native是基于react框架的,同时,又是基于安卓平台进行开发,所以react需要同时配置node,JDK和android环境,JDK需要8.0(1.8)的版本,node版
转载 2023-07-13 18:18:03
302阅读
React Native 页面调试工具 react-native-vdebug
原创 2023-10-31 10:46:40
79阅读
1点赞
yarn add react-native-vdebug import React from 'react' import { createNativeStackNavigator } from '@react-navigation/native-stack' import { getRouter
原创 2024-04-29 09:30:26
67阅读
目录一. 原生iOS项目集成React Native二. 原生跳转RN页面三. 显示豆瓣热门电影列表四. 改为导航五.完整源代码 一. 原生iOS项目集成React Native创建一个新的文件夹,如RNProject,然后新建一个/ios的子文件夹,将已有的iOS项目全部文件复制进去。在RNProject根目录创建package.json文件,内容如下:{ "name": "RNProje
转载 2023-09-12 20:54:53
218阅读
React Native 官网地址:https://www.reactnative.cn/docs/environment-setup开发平台 Windows目标平台 Android1、安装依赖必须安装的依赖有 Node、JDK 和 Android Studio,Node 版本不得低于 14,React Native 需要 JDK 11,查看 JDK 版本的指令如下:javac -version1
转载 2023-05-23 16:29:20
384阅读
最近React Native技术比较火,React Native是Facebook发布的一个开源框架(Github地址),据我所知携程的APP就是使用React Native开发,且携程的技术团队还专门出了一本关于React Native的书确实React Native相比于HTML5性能更好,相比于原生iOS更灵活。本人从React Native官网开始零基础学习React Native,并时时
转载 2024-01-20 11:37:48
82阅读
iOS中嵌入ReactNative首先贴上了学习reactnative的文档,一定要按照步骤来搭建配置环境, 也包括18分钟的视屏来手把手教你,我们就可以创建一个简单的reactNative项目了 接下来就要说重点了,怎样在xcode项目中嵌入ReactNative首先我们需要根据推荐使用配置好所需要的开发环境 然后,在终端里进入到我们项目的目录下边进行如下配置:1:node初始化:npm i
转载 2023-10-31 23:21:57
140阅读
虽然只是简单的了解了一下React的皮毛,但是对React Native的学习就轻松了好多。所以在学习React Native之前,最好还是先学习一下React。因为我学习的iOS开发,对iOS更加了解,所以里面主要涉及到的平台也是iOS。 目录:一、前言二、什么是React Native三、开发环境搭建四、预备知识五、最简单的React Native
转载 2023-07-13 18:19:17
138阅读
# 在Mac上进行iOS React Native真机调试的指南 在开发iOS应用时,使用真机调试是提升开发效率和用户体验的重要步骤。本文将为您提供详细的步骤和代码示例,帮助您在Mac上使用React Native对iPhone进行真机调试。 ## 流程概览 下面是进行iOS React Native真机调试的简要流程: | 步骤 | 描述
原创 8月前
95阅读
  • 1
  • 2
  • 3
  • 4
  • 5