React-Native 第7页

React-Native系列Android——Javascript文件加载过程分析

React-Native应用程序的内容是由Javascript语言开发的，而Android或者IOS手机系统只是一个容器和各类服务提供者。

iqing2012·2023-10-03 08:24

react-navigation实现navBar

TabBar_Demo,之后,cd进入项目根目录,执行yarnaddreact-navigation命令添加依赖库.第二步:创建目录结构首先,创建root.js文件作为TabBar_Demo新的入口文件,具体方法见:React-native

Leah_MENG·2023-10-03 03:44

react-native 真机调试的跨域问题

在调试react-native时，当我打开菜单，开启remotejsdebug时，在浏览器的控制台出现错误，提示说无法跨域获取jsbundleimage.png看看github上有没有相关的issue，

黄昏故梦陈·2023-10-03 00:00

'React/RCTBridgeModule.h' file not found

在React-Native开发过程中与原生交互会导入'React/RCTBridgeModule.h'文件，但常常会报错找不到此文件。

FansX·2023-10-02 17:29

关于 react-native 中集成友盟（umeng）第三方登录后取消授权的解决方案（Android）

前段时间自己试着用react-native写一个小应用，对于我这个半路出家的前端，而且对Android也是一窍不通，踩过的坑不知道有多少。好在网上有很多前辈总结的经验，才让我勉勉强强坚持下来。

居然只有七个字·2023-10-02 15:48

Rn页面滚动显示隐藏head动画

完整代码import{View,Text,StyleSheet,Animated}from'react-native'exportdefault()=>{constopacity=newAnimated.Value

明知山_·2023-10-02 11:08

React-Native 手势处理详解1

前言：react-native封装了一系列的组件例如来提供触摸事件的反馈，另外Button、Text等组件也提供了简单的点击方法来给组件快速添加触摸事件。

senior高·2023-10-02 09:11

react-native 运行项目中遇到could not connect to development server的问题

WechatIMG622.jpeg按照官方文档一步一步走，发现连不上服务器，服务器是肯定是跟Node有关，所以折腾了半天也不知道什么问题。解决办法：重新安装相关软件，如homebrew，node，Watchman等等其他然后再跑。就成功了

charlotte2018·2023-10-02 00:48

React简介

而且其还有用于移动端开发的react-native库，因此，react值得我们学习。react是什么react是一个由facebook开发，并且开源的，适用于构建用户界面的JavaScript框架。

前端御书房·2023-10-02 00:47

React-Native错误监控方案

React-Native是一个基于React框架开发的跨平台开发框架，在此框架上业务代码基本上采用js进行编写，但是js与其他原生开发框架的开发语言如java、oc都不同，它的错误不好捕捉，如果线上出现问题也比较难发现

云飞扬1·2023-10-01 22:26

React Native（RN）项目构建

以RN为主体创建react-native工程创建RN工程：npxreact-nativeinitRNproject可能会创建失败，这时创建RN脚手架npminstall-greact-native-cli

ZHG·2023-10-01 19:53

react-native run-ios出错解决方案

最近接触react-native，笔者使用macOS搭建react-native的相关环境，在官网react-native中文网上一步一步跟着操作搭建，结果发现自己下载依赖包放到相关目录下的最新版本和固定搭建

小陈学coding·2023-10-01 19:38

MAC如何删除JAVA10或者更新的版本

最近因为开发项目的原因又开始折腾起了react-native部署完环境后当执行react-nativerun-android跳出来Couldnotdeterminejavaversionfrom'11'

爱海宁·2023-10-01 11:26

使用react-navigation时如何实现在子导航(Stack-navigation)的子页面中隐藏父级导航(Tab-navigation)底部的Tabbar

最近在尝试着开发react-native项目,其中使用到了官方现在推荐的react-navigation插件.现在页面上有个需求,就是在每个有tab页面的子页面上不能有底部的tabbar,经过查找github

Mr_Air233·2023-10-01 07:25

react-native实践

关于react-native的优劣优点跨平台开发体验良好，比如像hotreloading基于react，前端开发者上手快，开源生态丰富缺点js报错会导致应用直接闪退，目前也没发现错误捕捉这方面一套完整的第三方解决方案有些第三方库跟本地

Dipsy_P·2023-09-30 18:35

Command `yarn add react-native --exact` failed

今天创建ReactNative项目的时候发生了报错，提示Command’yarnaddreact-native--exact‘failed查看error发现node版本的问题解决方案：node-v查看当前版本升级node:npminstall-gnsudonstable

Kevin Coding·2023-09-30 15:17

React使用setState更改数组中某一个值

记录问题，在react-native中使用FlatList渲染每个Item的时候，item中的一个值需要来判断这个文字显示，是关注还是已关注，所以点击时需要直接更改数组中的一个属性值。

Poppy11·2023-09-29 16:57

ReactNative给webstorm创建代码模板

04*/importReact,{Component}from'react';importPropTypesfrom"prop-types";import{StyleSheet,View,}from'react-native

君莫看·2023-09-29 13:25

React Native 日常报错 'config.h' file not found

报错cdnode_modules/react-native/third-party/glog-0.3.5../..

我是一只要变快的小蜗牛·2023-09-29 05:10

react-native-router-flux使用中的小问题和解决办法。

usestrict';importReact,{Component}from'react';import{View,Text,TouchableHighlight,Image}from'react-native

6灰太狼9·2023-09-29 04:25

react-native用模拟器或安卓设备debug报错：unable to load script from assets 'index.android.bundle'

react-native用模拟器或安卓设备debug报错：unabletoloadscriptfromassets'index.android.bundle'网上有许多说法，我也看了一下，总结的原因主要是

曾梦轩·2023-09-29 01:38

React Native 拆包实践7 - Android 按需加载jsbundle

下图中列出了RN的核心类及其从属关系，他们的作用请参考上篇文章React-Native核心类示意图由于Application持有着ReactHost，可以认为这些核心类在一个App中都是以单例的形式存在

西西的一天·2023-09-28 18:10

React-Native fetch的使用

1、最简单的使用//RN中文网上写的https://mywebsite.com/mydata.json是伪代码，需要替换成自己实际请求地址fetch('http://chenxiaoping.com/demo')2.请求头和请求参数的定义fetch('http://chenxiaoping.com/demo',{//请求方式，GET或POSTmethod:'GET',//请求头定义headers:

Albert新荣·2023-09-28 16:36

Duplicate resources

githubreactnative官方ISSueshttps://github.com/facebook/react-native/issues/22234发现可以这样做在react.gradle里边添加

Lane_Feidor·2023-09-28 14:43

React-Native 导航跳转实现与坑

由于最近要用RN写app，就赶紧看看，可是没有那么多时间，就一边看一边写了，所以学的没有那么细很多坑，先来实现，最后来看看坑吧运行环境：RN版本0.48以上使用最新官网推荐的导航器：ReactNavigation实现首先安装：//进入你项目的根目录下执行npminstall--savereact-navigation或者yarnaddreact-navigation新建文件夹a.js，b.js，最

S__J·2023-09-28 13:00

@react-native-community/art波浪动画

author：*date：*/importReact,{PropTypes}from'react';import{StyleSheet,View,Text,Image,Dimensions}from'react-native

蒲小帅丶·2023-09-28 06:21

react-native 键盘遮挡问题

import{......ScrollView,//引入相关组件Keyboard,}from'react-native';//监听键盘弹出与收回componentDidMount(){this.keyboardWillShowListener

馒头hc·2023-09-27 14:51

react native 生成海报图片保存到本地

takeSnapshot方法是react-native自带的生成图片的属性，可以将”screen”,“window”或者“view”生成对应的图片。只需简单的几步就能生成

longlyNight·2023-09-27 01:04

ios 集成 react-native pod 出错

/node_modules/react-native`Fetchingpodspecfor`glog`from`../node_modules/react-native/third-party-

HT_Jonson·2023-09-26 17:09

不会原生开发使用百度地图SDK开发APP

本人使用react-native开发安卓和iOS跨端应用，没有原生开发的经验，所以在开发中遇到使用原生功能的库时有时会难以解决，需要踩各种坑，幸好基本能够出坑。集成第三方库闲话少说，开始入坑。

wwpeng520·2023-09-26 06:50

Jest React Native Mock AppState TypeError

问题记录背景：通过Jest和ReactTestingLibrary对ReactNative做自动化测试问题：代码中出现AppState的使用import{AppState}from'react-native

·2023-09-26 00:14

React-native 之极光推送

极光推送jpush-react-native是极光推送官方开发的ReactNative版本插件，用于消息推送。//安装$npminstalljpush-react-native--save$npminstalljcore-react-native--save$react-nativelinkjpush-react-native$react-nativelinkjcore-react-nativel

秃头大叔·2023-09-25 18:56

使用react-native 过程中遇到的一些问题

错误一错误1问题原因：debugIP路径出错解决方法：直接修改IP路径，或者卸载目标工程重新导入后修改为正确的IP。错误二：错误2错误原因：代码错误，语法错误。修改方法：仔细检查代码，查看程序报错情况错误三：错误3错误原因：未成功连接到设备或网络出错修改方法：重新连接目标设备并检查电脑网络错误四：错误4错误原因：adb环境未成功配置解决办法：重新配置下载adb环境，并配置ps:正确的连接命令是ad

yty1211·2023-09-25 17:05

千万不要做前端

前言我做客户端已经好几年了，以前是是object-c，后来就转react-native，然后现在就连兼职web前端的工作。

香瓜子node·2023-09-25 13:29

React-Native热更新 - 3分钟教你实现

创建React-Native项目react-nativeinitdounineApp

kikiki2·2023-09-25 04:51

react-native pod install: [!] Error installing boost-for-react-native

React-Native在podinstall时报如下错误错误截图解决办法在podfile文件中添加如下代码pod'boost-for-react-native',:git=>'https://gitee.com

_老妖怪·2023-09-25 01:46

Warning: isMounted(…) is deprecated in plain Javascript Classes. Instead, make sure to clean up s...

解决：在index.js中加入一下代码，忽略警告import{YellowBox}from'react-native';YellowBox.ignoreWarnings(['Warning:isMounted

YDM_4718·2023-09-24 20:03

react-native image crop 运行崩溃

使用cocopods管理的项目可以直接添加，如果使用自带的react-nativelinkreact-native-image-crop会自动添加大部分的依赖，但是需要注意的是，这样添加之后xcode可以正常的运行。但react-nativerun-ios会在start时候奔溃，因为没有添加react-native-image-crop需要用到的两个依赖。可以在EmbeddedBinaries下面

FanHu·2023-09-24 20:56

使用react-native run-android运行安卓app报错

使用react-nativerun-android运行安卓app报错首先是一开始运行后项目下载成功，但是debug与热更新没有启动。其次就是一直报如下的错误：解决办法：一开始我按照官网的提示，以上操作全部试过没有用。最后发现当我在启动项目的时候，react-nativestart之后没有跑起来，我的项目正常启动是会打开一个node窗口，我的一直起不来。所以在经历很多次失败后，我发现是我的node版

She_ldon·2023-09-23 07:17

React Native Canvas

思路：React-Native自己是没有Canvas，可以利用react-native-webview注入html做一个Canvas，把写入Webview的html作为可变的字符串，每写一条canvas

·2023-09-22 15:49

简单易用多功能Fragment架构

日常开发中，业务组的同学实现各种界面总会用到Fragment进行实现.但是相应的使用Fragment对比单纯使用Activity的坑太多了，具体可以查看Fragment全解析系列为什么开发此库近一年主要在做React-Native

Ch3r1sh·2023-09-21 18:44

React-Native 引入导航

官网：Gettingstarted|ReactNavigation安装依赖#之前可能已安装，这里就不需要了npminstallreact-native-safe-area-context#使用最新版，可能会版本冲突。可以看提示需要用哪个[email protected]@react-navigation/nativenp

游园拾忆·2023-09-21 03:55

（三）[状态栏字体与Scroll以及列表]React Native 从零到构建Android与IOS应用发布

RN的组件，叫StatusBar,由于我们之前是navigation定义的StackNavigator,所以我们需要用这个组件包含StatusBarimport{StatusBar,...}from'React-Native

吾家娇妻·2023-09-20 18:48

【react-native】Flatlist下拉刷新以及上拉加载实现

支持下面常用的功能完全跨平台支持水平布局模式行组件显示或隐藏时可配置回调事件支持单独的头部组件支持单独的尾部组件支持自定义行间分割线支持下拉刷新支持上拉加载支持跳转到指定行支持多列布局引用import{View,Text,FlatList}from'react-native

空城皆是旧梦·2023-09-20 04:01

react-native（安卓）项目中禁止截屏与录屏

一、整个项目中禁止截屏与录屏在android/app/src/main/java/com/your-app-name/MainActivity.java文件中的onCreate方法中添加如下代码即可importandroid.view.WindowManager;//添加导入WindowManager代码...@OverrideprotectedvoidonCreate(BundlesavedIn

街角仰望·2023-09-20 01:44

win10下搭建react-native环境

第一步：安装Java1.下载JDK，选择适应自己的机型；官网地址：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html2.配置环境，问度娘：https://jingyan.baidu.com/article/d45ad148ba5ab169552b80d3.html第二步：下载安装An

HS_d119·2023-09-19 18:26

新版本react-native中使用定位遇到坑

yarnadd@react-native-community/geolocation--save或npminstall@react-native-community/geolocation--saveimportgeolocationfrom"@react-native-community/geolocation"//然后使用navigator.geolocation=geolocation;na

wingedsnake·2023-09-19 17:55

Android 打包流程

1.找到路劲node_modules\react-native\react.gradle找到doFirst,在这个下面添加doLast{defmoveFunc={resSuffix->FileoriginalDir

b0a4e16b967c·2023-09-19 16:04

ReactNative 运行App时报错：‘文件“launchPackager.command”无法执行，因为您没有正确的访问权限。’

二、解决方案1.在项目的根目录运行如下命令即可$chmod755node_modules/react-native/scripts/launchPackager.command

光脚丫的孩子·2023-09-19 08:10

React-native 之 react-navigation 组件的使用

npminstallreact-navigation--save2：创建两个界面A，B，实现从A界面push到B界面1：创建第一个界面AimportReactfrom'react';import{View,Text,}from'react-native

煎包小混沌·2023-09-19 01:12

推荐频道

React-Native