严格按照官网提供的人品好的就可以了，但是我向来不是人品好的，所以遇到无数问题，花费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 iOS 调试指南
React Native 是一个流行的跨平台移动应用开发框架，可以使用 JavaScript 和 React 语法编写原生应用。在开发过程中，我们经常会遇到调试问题，本文将介绍如何在 iOS 上进行 React Native 应用的调试。
## 1. 使用 Xcode 进行调试
Xcode 是苹果官方提供的开发工具，它可以帮助我们进行 iOS
原创
2023-12-12 05:46:09
270阅读
React Native环境配置搭建（史上最详细教程和注意事项）一、安装node二、安装yarn三、安装Java Development Kit四、搭建Android 开发环境 React Native官网环境搭建教程写的不够详细，并且有些坑，使得搭建环境很慢，本文章就是为了解决这些问题，以新手为标准的文档。 首先看下官网的说明：重点：必须安装的依赖有：Node、JDK 和 Android St
转载
2024-01-09 15:52:09
196阅读
由于项目需求，要做移动端的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 0.63 已经发布了，此版本主要亮点包括：默认启用 LogBox 组件新增使用系统定义颜色的 API默认启用 LogBox社区一直以来反馈错误和警告很难在 React Native 中进行调试，因此开发团队研究了 React Native 中的整个错误、警告和日志系统，从头开始对其进行了重新设计，现在使用一个新系统 LogBox 替换 redbox、yellowbox 与
# React Native iOS 真机调试指南
在当今的移动开发环境中，React Native 已成为非常流行的选择，因为它允许开发者使用 JavaScript 开发跨平台的移动应用。在本篇文章中，我们将一一教你如何在真机上进行 React Native 的 iOS 调试。这对初学者来说可能会觉得有点复杂，但只要按照步骤来，你就能顺利调试你的应用了。
## 1. 调试流程概述
调试的整
React Native 真机调试(iOS / Android)
转载
2020-06-30 16:21:00
626阅读
2评论
本篇主要介绍页面导航上一篇文章给大家介绍了简单界面的搭建, 这一篇我们需要两个界面, 一个是注册界面,一个是注册信息界面. 当然我们还需要一个组件去控制两个界面的切换.每个界面其实就一个组件 , 可以通过下面的代码抽取相关的模块module.exports=RegisterLeaf;注册界面的代码:主要代码import React, { Component } from 'react';
impo
Facebook一直投入研究多平台统一开发的实现，其的ReactNative着力与提高多平台的开发效率，并已在其多块产品中进行了实现，实现了其Learn once, write anywhere。现在就从环境搭建来认识认识react-native。 一、 安卓sdk配置 &nb
调出开发者菜单：ctl+m启用在线加载：启用热加载：屏蔽黄屏警告：import{YellowBox}from'react-native';YellowBox.ignoreWarnings(['Warning:...']);安装react开发工具：npminstall-greact-devtoolsreact-devtools启用元素检测：调试：
原创
2018-04-12 04:44:27
1072阅读
点赞
在做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阅读
1. 与web端区别css使用驼峰式写法。而且写法和web端有些差异，比如移动端padding属性不能四个方向一起写，只能定义一个方向paddingLeft、或者水平方向paddingHorizontal、垂直方向paddingVertical。移动端只能使用flex弹性布局，和web端水平垂直方向刚好相反，所以水平方向使用alignItems属性。单位不能是px。只能是pt，默认不写单位只写数字
转载
2024-02-29 23:34:49
159阅读
最近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阅读
1.3 搭建React Native开发环境 “磨刀不误砍柴工”，在正式开发React Native应用之前，需要先搭建好React Native的开发环境。搭建React Native开发环境有以下几个主要步骤。原生开发工具：iOS开发使用Xcode，Android开发使用Android Studio and SDK Tools。Node.js（https://nodejs.org/）：Rea
转载
2024-07-22 11:32:02
93阅读
目录一. 原生iOS项目集成React Native二. 原生跳转RN页面三. 显示豆瓣热门电影列表四. 改为导航五.完整源代码 一. 原生iOS项目集成React Native创建一个新的文件夹，如RNProject，然后新建一个/ios的子文件夹，将已有的iOS项目全部文件复制进去。在RNProject根目录创建package.json文件，内容如下：{
"name": "RNProje
转载
2023-09-12 20:54:53
218阅读
使用react native的好处是：使用React Native能够以经济高效的方式构建和维护跨平台的app，可以减少质量保证的费用；而一个跨平台APP，可以同时定位iOS和Android受众市场，可有更广泛的受众群体，具有更大的影响力。React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移
转载
2023-07-13 18:23:15
124阅读
英文文档：Setting up the development environment · React Native中文文档：集成到现有原生应用 · React Native 中文网ios在集成过程中，需要修改package.json 和 Podfile，按文档中的内容，如果pod install过不了的话，可以参考https://github.com/facebook/react-native/
转载
2024-05-15 13:54:24
84阅读
开发一款产品，通常来说你需要做三件事情：搭建开发环境 -> 写代码 + 调试 -> 打包发布。预览目录搭建开发环境按照react-native中文网-文档-搭建开发环境，选择需要的环境开始搭建。配置开发环境需跳跃出那一道鸿沟，你懂得！推荐lantern。增加SDK Tools (android)增加NDK (android)建议手动下载：Windows：Mac:Android Stud
