React Native 问题汇总

最新推荐文章于 2021-08-19 15:01:00 发布
最新推荐文章于 2021-08-19 15:01:00 发布
阅读量777 收藏
点赞数
分类专栏： React Native 文章标签： reactNative react报错 iOS ReactRCTBundleURLPro React
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_28585351/article/details/73801149
版权

react Native出现了一段时间,最近似乎更是成为了一个流行的开发方式,下面就将安装/调试和开发中遇到的问题在这里做个汇总,以便于学习和交流,有更好的问题也可以留言补充

1.Error: Could not link:/usr/local/etc/bash_completion.d/brew


当我们安装操作的时候会遇到这些报错信息,处理方式

rm -rf +路径,然后brew update

2. 'React/RCTBundleURLProvider.h'file not found

      当我们需要创建项目的时候:1,打开终端，cd到安放项目的指定路径下 ;2.执行命令react-native init  reactNativeDemo(文件名) 此时就已经创建了名为reactNativeDemo的项目，如果此时直接在Xcode中运行项目，项目能run起来，但是在AppDelegate.m中报错。“react/rctbundleurlprovider.h no found” 原因是没有启动npm。（在终端上cd到该项目的跟路径下执行npm start）


3.当姐妹模拟器出现一堆红色报错的时候(端口名字错误)

    查看本地端口是否被占用,将其改为正常的就OK(8081)

Raymon-lau
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
reactNative学习总结
03-29
精心准备与总结，学习reactnative的文档，看一遍就可以上手开发。
react native 滑动输入组件基础版（刻度尺）
Tuness的博客
08-19 763
组件代码 /* * @Author: Chenshy -- 自定义程度高 刻度尺如果不是很准确 自己挑一下 * 性能不好 但也能凑合用 */ import React, {useState, useEffect, useRef} from 'react'; import { View, Text, Image, ScrollView, StyleSheet, Pressable, TouchableOpacity, } from 'react-native'; impo
'React/RCTBundleURLProvider.h' file not found
clf_programing
03-08 5752
'React/RCTBundleURLProvider.h' file not found新建RN项目时在iOS端用xcode跑时有时会遇到 'React/RCTBundleURLProvider.h' file not found 错误,遇到这种错误一般有一下几种情况:1. 没有执行 npm install 命令,没有安装依赖,此时执行 npm install 安装依赖即可.2. 依赖已经安装,...
react native滑动输入高级版（刻度尺）
Tuness的博客
08-19 911
该版本依旧存在性能问题 但相比上版本有点改善 子组件代码 /* * @Author: Chenshy * @Date: 2021-7-14 14:15:49 */ import React, {useState, useEffect, useRef} from 'react'; import { View, Text, Image, ScrollView, StyleSheet, Pressable, TouchableOpacity, Dimensions,
React-Native 'RCTRootView.h' file not found AppDelegate.m
timtian008的博客
12-31 1614
打开React-Native的项目时,报错: ’RCTRootView.h’ file not found AppDelegate.m 文件找不到;cd 到我们该项目的根目录下;npm install执行完后,编译项目,看到还会提示错误: 在RCTSRWebSocket.m报错Ignoring return value of function declared with warn_unused_r
react-native路由总结
01-20
安装 npm install @react-navigation/native npm install @react-navigation/stack ...npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-con
ReactNative 之FlatList使用及踩坑封装总结
08-28
本篇文章主要介绍了ReactNative 之FlatList使用及踩坑封装总结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
ReactNative资料汇总
10-15
ReactNative资料汇总
东方耀手把手教React Native实战开发
02-15
第2课2、手把手教React Native实战之从React到RN 第3课3、手把手教React Native实战之flexbox布局(RN基础) 第4讲4、手把手教React Native实战之flexbox布局(伸缩属性) 第5讲5、手把手教React Native实战之盒子模型...
react-native-animated-ruler:可定制的动画标尺，用于React本机
05-17
React本机动画规则 预习 安装 包管理器 命令 纱 yarn add react-native-animated-ruler npm npm i --save react-native-animated-ruler 用法 import Ruler from 'react-native-animated-ruler' ; < Ruler xss=removed xss=removed xss=removed xss=removed xss=removed xss=removed> alert ( value ) } minimum = { 10 } maximum = { 80 } segmentWidth = { 2 } segm
react-native-app-shortcuts:React-Native插件，用于创建和管理应用程序快捷方式（例如，在主屏幕中进行强制触摸）
05-18
react-native-app-捷径 用于创建应用程序快捷方式的插件。 IOS仅在此时。 对等依赖 需要react-native-swift-base才能正常工作。 （请注意，react-native-swift-base反过来在react-native-swift-registry上具有同等功能） 插件使用 react-native addshortcut [快捷方式] --label --icontype 用key键注册一个新的快捷方式
react-measure：ute计算React组件的度量
02-22
:straight_ruler: React措施 计算React组件的度量。 使用来检测元素的尺寸何时更改。 在不受支持的浏览器中包含 。 安装 yarn add react-measure npm install react-measure --save < script src =" https://unpkg.com/react-measure/dist/index.umd.js " > </ script > (UMD library exposed as `ReactMeasure`) 测量分量 包装任何子组件并计算其客户端矩形。 道具 client ：PropTypes.bool 将以下内容添加到子功能返回的contentRect.client中。 ， ， 和 。 offset ：PropTypes.bool 将以下内容添加到contentRect.offset返回的contentRect
滑动刻度尺
04-06
作者DanielYK，源码ScrollRuler，刻度尺 滑动 身高尺 体重记录尺
swift-ruler尺子刻度尺设置身高体重
08-15
ruler,尺子，刻度尺，设置身高，体重
xcode运行react-native报错RCTBundleURLProvider.h
qq_37336604的博客
05-08 1412
原因：是因为react native服务未启用，打开终端，cd到项目所在的文件目录下如 ：cd /user/desktop/rnProject/MyApp步骤：1，在终端输入：react-native start2，回到xcode开发工具后，快捷键shift+command+K 完成项目clean3，最后重新运行即可。...
10个样式各异的ReactJS水平滑杆插件
11-02
10个样式各异的ReactJS水平滑杆插件 10个样式各异的ReactJS水平滑杆插件
电力系统调度过程连续潮流matlab代码.zip
最新发布
04-26
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
【基于Java+Springboot的毕业设计】付费问答系统(源码+演示视频+说明).rar
04-26
【基于Java+Springboot的毕业设计】付费问答系统(源码+演示视频+说明).rar 【项目技术】 开发语言：Java 框架：Spingboot+vue 架构：B/S 数据库：mysql 【演示视频-编号：330】 https://pan.quark.cn/s/8dea014f4d36 【实现功能】 付费问答系统通过MySQL数据库与Spring Boot框架进行开发，付费问答系统能够实现新闻类型管理，问题帖子管理，付费记录管理，新闻信息管理，用户管理，轮播图管理等功能。
reactnative 路由
08-30
React Native提供了一个路由系统，可以在移动端实现更好的路由导航体验。使用React Navigation库来实现路由功能。 安装React Navigation库的步骤如下： 1. 打开终端，进入项目目录。 2. 运行以下命令安装React Navigation相关的依赖： ``` npm install @react-navigation/native npm install @react-navigation/stack npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context ``` 在React Native项目中使用路由的步骤如下： 1. 在项目中引入所需的React Native组件和React Navigation库的相关组件： ```javascript import * as React from 'react'; import {View, Text} from 'react-native'; import {NavigationContainer} from '@react-navigation/native'; import {createNativeStackNavigator} from '@react-navigation/native-stack'; import APage from './pages/APage'; import BPage from './pages/BPage'; import CPage from './pages/CPage'; import DPage from './pages/DPage'; ``` 2. 创建一个栈式导航（Stack Navigator）： ```javascript const Stack = createNativeStackNavigator(); ``` 3. 在App组件中，使用NavigationContainer组件包裹栈式导航，并设置导航的样式和选项： ```javascript function App() { return ( <NavigationContainer> <Stack.Navigator screenOptions={{ headerStyle: {backgroundColor: 'red'}, headerTitleStyle: {color: 'white'}, }}> <Stack.Screen name="A" component={APage} options={{ headerTitle: '首页', headerStyle: {backgroundColor: 'orangered'}, }} /> <Stack.Screen name="B" component={BPage} /> <Stack.Screen name="C" component={CPage} /> <Stack.Screen name="D" component={DPage} /> </Stack.Navigator> </NavigationContainer> ); } ``` 4. 导出App组件作为根组件： ```javascript export default App; ``` 这样，你就可以在React Native应用中使用React Navigation库来实现路由导航功能了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [ReactNative 基础 - 14 （路由、跳转、传参）](https://blog.csdn.net/Janicecat/article/details/122047865)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [react-native路由总结](https://download.csdn.net/download/weixin_38644599/14878527)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值