react-native 第18页

react native xcode升级过程中遇到的坑

/Users/*****/node_modules/react-native/Libraries/Text/RCTTextField.m:131:108:Valuesoftype'NSInteger'shouldnotbeusedasforma

niklause_sun·2023-03-17 10:52

React-Native Mac环境配置

20171119173703.png在终端输入node-v和npm-v查看安装好的node.js的版本安装node.js会自动安装npm2.在终端输入npminstall-greact-native-cli安装react-native

CocOYesICan·2023-03-16 23:49

react-native run-ios在xcode 13.2中Could not find "iPhone X" simulator.

更新xcode之后出现问题记录：1、iphoneX运行不了,运行react-nativerun-ios后出现以下错误error.pngerrorCouldnotfind"iPhoneX"simulator.RunCLIwith--verboseflagformoredetails.解决方式：xcode更新后没有了iphoneX模拟器，这里需要指定版本运行。image.png可以查看模拟器中ipho

兜兜转转的小菊·2023-03-16 17:48

2019-06-04

react-native运行安卓报错。Error:Unabletoresolvemodule`./index`from`\node_modules\react-native\scripts/.

爱恨流星·2023-03-16 14:40

React-native 报错 java.io.IOException: Cannot run program “node”: error=2, No such file or directory

:ReactNative:Running‘[node,-e,console.log(require(‘react-native/cli’).bin);]’commandfailed.

_一叶孤帆·2023-03-16 13:37

React-Native 踩坑记

2017年11月28日01:15:19在使用Flex-Box布局时，一定要保证每一个嵌套都有明确的宽和高，使用flex:1或者width都可以，否则会导致嵌套最底层布局出现错位，严格保证祖先元素的宽高和位置。

meeni·2023-03-16 07:41

rn应用中的卡顿

js代码运行在javascript线程中，react-native组件的生命周期、api调用、触摸事件的处理等就是在这个线程上执行的；在复杂应用的root组件中，调用this.setState，触发子组件重新渲染

DumpCicada·2023-03-16 05:55

React-Native 20分钟入门指南

目录背景搭建开发环境第一个React-NativeApp需要知道的JSX和ES6语法组件的属性(props)和状态(state)组件生命周期样式(StyleSheet)常用组件背景为什么需要React-Native

Zack1994·2023-03-15 18:37

【react-native】滑动吸顶效果 + 下拉刷新

Component}from'react'import{View,Text,ViewStyle,StyleSheet,ImageBackground,Animated,RefreshControl}from'react-native

空城皆是旧梦·2023-03-15 13:48

react-native中ref用法

用法一importLoadingfrom'react-native-loading-w';//viewrender(){return(testloading);}getLoading(){returnthis.refs['loading'];}//usagethis.getLoading().show();//orthis.getLoading().show('uploading...');//o

喜剧收尾_XWX·2023-03-15 10:53

Windows 下配置 React-Native环境

QQ截图20171121144748.png2.通过cmd安装react-native命令行工具npminstal

CocOYesICan·2023-03-15 06:59

react native 简单demo

扯扯淡应公司要求，提前储备下react-native技术。至于做不做就不清楚了。

岚枫丶·2023-03-14 20:42

react-native网络加载等待页面

本文记录一下rn在网络加载的时候在页面最上层覆盖一个Modal的方法，本人也是初学，如有不对之处或者更好的实现方法，请不吝赐教，实现效果如下：在加载动画出现的时候，界面是被锁定的，当网络请求完成，加载页面消失，此时界面可接收点击事件。以上效果为mobx+modal实现的：首先，在根视图上覆盖modal遮罩：mobx需要自己从git上下载。为了在请求时只更新加载页面，此处将等待界面单独拎出来作为一个

is_E·2023-03-14 14:00

2020年你应该知道的17个 React-Native UI Libraries

react-native-ui-libraries-you-should-know-in-2020-b133cb342b3a添加一个比较牛皮的前端库、在同时既要支持App也要支持web的情况下可以使用前提条件：expo创建react-native

老王技术栈·2023-03-14 10:03

RN跳转详情页面，用HTML显示

importReact,{Component}from"react";import{View,Text,ScrollView,Dimensions}from"react-native";importHTMLfrom"react-native-render-html

废材helloword·2023-03-14 05:24

react-native 组件传值

顺传通过props传值举个：父控件给子控件传递一个name属性的值，子控件展示父控件传递过来的值：//子组件classSonComponentextendsComponent{render(){return(这是父视图传递过来的数据:{this.props.name});}}//父组件classFatherComponentextendsComponent{render(){return();}}

小菜一碟321·2023-03-14 05:57

React-native国家名称、电话、区号及国旗图标列表

近期公司有个需求，在注册时要选择用户所属国家，本以为小事一桩，结果百度发现并没有RN的相关词条，只能自己找一套列表和国旗图标了，没成想百度上免费的资源基本都不符合，符合的都是收费的（这种东西也值得收费无语），找了很久终于自己整理了一套可行的分享给大家：首先分享我找到的一套国家列表及国旗图标（有些没有国家区号我就删掉了）链接：https://pan.baidu.com/s/1BPxB-AwW7sMb

此生唯一自传·2023-03-14 03:46

React-Native工程中ESLint静态检测

React-Native工程中ESLint静态检测ESLint是在ECMAScript/JavaScript代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误使用ESLint的原因由于大家从客户端转入到

iOS小童·2023-03-14 03:11

2019-12-02

importReact,{Component}from'react';import{Text,View,Button}from'react-native';classBextendsComponent{

立陶宛_d5a9·2023-03-13 21:47

xcode运行react-native报错"_OBJC_CLASS_$_RCTBundleURLProvider", referenced from: objc-class-ref ...

Undefinedsymbolsforarchitecturex86_64:"_OBJC_CLASS_$_RCTBundleURLProvider",referencedfrom:objc-class-refinAppDelegate.o"_OBJC_CLASS_$_RCTRootView",referencedfrom:objc-class-refinAppDelegate.o步骤：1，在终端输

太阳的小号·2023-03-13 17:24

react-naitve框架问题

1.全局设置Text的属性0.60.5之后import{Text}from'react-native';constsourceRender=Text.render;Text.render=functionrender

monkeynessss·2023-03-13 17:18

通俗易懂的react（react-native） fiber理论模型（结合源码）

最近在学习react源码。经过接近两周的时间，目前梳理出来了现阶段fiber的工作过程以及Function和ClassComponent的工作细节。其他方面暂未深入。写此篇文章总结一下学习的所得。后面的内容中会根据需要附上部分源码，为了便于大家对比学习，先说明一下源码版本："react":"16.13.1","react-dom":"16.13.1",先上结论：react的本质是一套复杂的任务管理

nextChallenger·2023-03-13 04:57

ReactNative 处理暗黑模式状态栏字体白色问题

因为黑暗模式下默认的是字体白色,当状态栏也设置为白色就会同色,导致看不到状态栏修改node_modules/react-native/React/Modules/RCTStatusBarManager.m

小郭哈哈·2023-03-13 04:37

React-Native-Redux数据和事件在组件间通信

React-Native中数据和事件在组件间通信React-Native中没有原生的block和代理，所以RN中数据的显示和事件绑定需要在组件间通信，需要一层层的传递，如果层级太深，导致传递的逻辑不太容易维护和管理

iOS小童·2023-03-13 04:04

react-native实现一个简单的标签页组件（react-native-scroll-tab-page）

源码react-native-scroll-tab-page相信很多伙伴都有写过滑动标签页的功能，react-native官方没有提供这个组件。但是很多大佬都写开发了自己的滑动标签页组件。

小猿_Luck_Boy·2023-03-12 18:24

现有项目接入RN（Android）

package.json中修改）2.执行命令npminstall--savereactreact-native3.在package.json的scripts中加入"start":"nodenode_modules/react-native

生菜卷·2023-03-12 11:32

react-native 记录--Scrollview嵌套导致子view触摸事件失效

上篇记录写到正在尝试写banner，这里发现一个问题-由于我外层使用了一个三方的库react-native-scrollable-tab-view作为外层可左右滑动的菜单页容器子view里面的组件左右滑动事件失效了代码如下importScrollableTabView,{DefaultTabBar}from'react-native-scrollable-tab-view';}tabBarUnde

KingZd·2023-03-12 09:27

babel 配置装饰器

适用理论上适配所有babel项目，React/React-Native亲测可用。

本间麻衣子·2023-03-12 08:03

React-Native 初始化工程失败

react-nativeinitAwesomeProject初始化失败，请做如下设置：npmconfigsetregistryhttps://registry.npm.taobao.orgnpmconfigsetdisturlhttps://npm.taobao.org/dist

星光幻灭·2023-03-12 06:36

TS重复定义 error TS2300的标识

/node_modules/@types/react-native/globals.d.ts:40:15-errorTS2300:Duplicateidentifier'FormData'解决步骤:方法一一

圣艾修·2023-03-12 06:15

React怎么做组件化开发

移动端方面，React-Native虽然一直都处于0.xx.xx版本，但发展迅速。

_茂·2023-03-12 02:36

react-native html不适配iOS的状态栏问题

一般react-native加载webview的时候，会自己写一个导航头，然后内容在加载html的内容，这种情况下是没有任何问题的，还有一种情况，就是整个页面直接加载html，导航头也是html写的，然后直接做事件跳转就可以了

简翦儋箪·2023-03-11 23:40

记一次React-Native打release包遇到的问题

1.项目中使用了babel-preset-react-app库直接使用以下命令打包js资源react-nativebundle--platformandroid--devfalse--entry-filesrc/index.js--bundle-outputandroid/app/src/main/assets/index.android.bundle--assets-destandroid/ap

JiaCcc·2023-03-11 16:08

React-Native 初体验

前言这段时间，项目中某些模块尝试了下react-native也遇到过一些坑点，这里做个记录，希望如我一样的前端新人不会再被这些问题折磨到。

魏小庄·2023-03-11 13:34

更新Xcode11之后启动RN项目报错[RCTAppState getCurrentAppState:error:]

1.打开/node_modules/react-native/React/Base/RCTModuleMethod.mm文件2.找到RCTParseUnused方法将其中的returnRCTReadString

SZT0791·2023-03-11 11:12

在React-Native中使用SVG图片

React-Native是不能直接引入SVG图片的，但是我们可以借助react-native-svg和react-native-svg-uri这两个库来实现，下面是实现过程：先安装react-native-svg

AizawaSayo·2023-03-11 09:22

XCode调测app提示File not found解决

是用WebStorm建的React-Native项目，然后用XCode打开，不过其实跟项目是否RN的没关系。

zzHORSE·2023-03-11 06:42

react-native 返回并刷新

在项目中，不知道大家有没有遇到这样的一个问题，比如说有两个页面A,B。A页面中有某个按钮点击后可以跳转到B页面，现在有一个需求就是，我在B页面中做了某些操作，然后点击回退按钮，回到A页面，A页面中的数据也需要刷新过来。嗯，如果是做过android开发的朋友一定会知道，解决这样的需求的方法有很多，比如可以使用activity的生命周期，也可以使用广播等等，但是如果在reactnative中呢？？我们

haisonLIN·2023-03-11 06:55

详情页面

importReact,{Component}from"react";import{ScrollView,StyleSheet,View}from"react-native";importHTMLfrom"react-native-render-html

理想三旬_d066·2023-03-11 01:48

react-native消息推送实现方式

目录react-native极光推送一、安装插件二、配置安卓配置IOS配置三、使用解决ios角标无法清除总结react-native极光推送先去官网注册：https://www.jiguang.cn并创建应用一

·2023-03-11 00:04

react-naive自定义antd-mobile组件中样式

1.先上效果图（使用的版本信息："antd-mobile":"^2.1.9","react-native":"0.55.4"）左图为官网给的例子,右图是自定义样式后的2.直接上代码importReact

不一样的心情_eb40·2023-03-10 23:33

macOS react-native踩坑记录

1、运行npxreact-nativerun-android，报错Androidprojectnotfound.AreyousurethisisaReactNativeproject?解决方案：原因是运行命令的路径不正确2ReactNative项目修改代码。重新打包无效果参考文章1、项目根目录下运行此命令react-nativebundle--platformandroid--devfalse--

八分钟de温暖·2023-03-10 15:17

关于react-native组件中navigation在navigationOptions自定义返回事件/触发事件/传递参数

关键属性headerLeft，navigation.state.params，navigation.setParamsstaticnavigationOptions=({navigation})=>{return{title:'我是一个页面',headerStyle:{backgroundColor:'#4E86F7',},headerTintColor:'#fff',headerLeft:(na

小悟空大仙人·2023-03-10 11:39

如何解决web3.js与React Native冲突

环境node版本必须大于6"react-native":"0.49.5","web3":"1.0.0-beta.34"，"node-libs-browser":"2.1.0","babel-cli":"

精灵神帝·2023-03-10 11:05

react-native CFBundleIdentifier

mac环境下，在命令行中run-ios构建时报错：CFBundleIdentifier",DoesNotExist打开XCode，进入.xcodeproj文件，运行，编译时报错:'boost/iterator/iterator_adaptor.hpp'filenotfound’经过多次测试，这个问题只在reactnative0.45.0及以后的版本中出现。在网上找到解决方法如下：这个问题产生原因：

青春不曾远离·2023-03-09 21:51

（最新）React-native 导入现有iOS工程项目

1.首先react-nativeinit一个初始react-native项目，然后找到ios目录，把ios目录中的项目工程全部删除。

realtime·2023-03-09 14:27

React-Native 常见坑

Android适配1.Android部分控件display属性无效eg：Button控件需要外层使用2.Android安卓底部返回按钮事件捕捉自定义导航栏时添加返回事件，Android底部返回需要增加监听componentDidMount(){if(Platform.OS==="android"){BackHandler.addEventListener('hardwareBackPress',(

小青蛙的花·2023-03-09 13:16

react-native 0.62 fetch请求上传图片失败

Android使用fetch/xhr请求上传图片一直出现Networkrequestfailed，进行其他正常请求都没问题项目目录：android/app/src/debug/java/com/maxyride/app/drivers/ReactNativeFlipper.java注释：38NetworkFlipperPluginnetworkFlipperPlugin=newNetworkFli

Bana·2023-03-09 06:53

2019-05-31

react-native的定位类Geolocation建议不要使用，有些系统会闪退，无法处理。建议用国内的第三方百度或者高德

爱恨流星·2023-03-09 05:21

升级xcode12后，React Native ios工程，图片不显示解决问题

升级xcode12后，图片不显示解决办法一、升级react-native到0.63版本以上二、在当前版本，给react-native打补丁包，使用了patch-package（需要执行yarnadd--

Metoo丶淡然·2023-03-09 04:56

推荐频道

react-native