React-native

react-native开发系列笔记 - 1.组件的生命周期

一个ReactNative组件从它被加载，到最终被卸载，会经历一个完整的生命周期。在这个生命周期中，框架已经为我们定义了一些生命周期函数，用来处理在特定条件下ReactNative组件将要执行的操作，比如在某个时间进行数据初始化或进行网络请求等。一、组件的生命周期组件的生命周期一般分为4个阶段：创建阶段、实例化阶段、运行(更新)阶段和销毁阶段。下面对各个阶段分别进行介绍。1.创建阶段该阶段主要发生
风雨vs同舟·2021-03-11 06:49

2018-10-29

从大三开始我们学习了react-native，我觉得这个东西非常有意思，因为各种报错，不知不觉中就走入了一个大坑，这个坑还填不满，因为这个报错真的搞不懂，按照过程来，也会错，但是多运行几次又好了，真的搞不懂
1010515662·2021-03-10 23:17

react-native-pg-style使用方法(以最简单的方式编写样式代码,抛弃react-native标准的样式创建方式)

react-native-pg-style以最简单的方式编写样式代码,抛弃react-native标准的样式创建方式.看大家写的源码中都是按照react-native标准的样式创建方式来写样式代码的,样式代码就占了大概四分之一
极客王子·2021-03-10 23:27

关于react-native 使用android stuio 打包是上一个版本，或者打包闪退解决方法

react-nativebundle--platformandroid--devfalse--entry-fileindex.js--bundle-outputandroid/app/src/main/assets/index.android.bundle--assets-destandroid/app/src/main/res/把上面的代码放在项目里面指行就ok了
上海老宅男·2021-03-10 22:15

react-native组件绑定了redux导致通过ref无法获取到组件内部方法

先说解决办法网上看到的解决办法，实测可以解决，(已过时，至少react-redux7.1.3会报错)更新时间2019年/12月/11日最近使用react-native发现还按照下面的方法使用时，会报错。
justin_crashed·2021-03-10 19:01

React-Native组件的生命周期

组件的生命周期/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*//***组件的生命周期:**/importReact
小苗晓雪·2021-03-10 10:29

react-native android 离线打包

参考文章：http://blog.csdn.net/u011272795/article/details/77161942
使劲挤海绵·2021-03-10 09:42

RN与IOS原生双向通信以及UI绑定通信的使用方式

react-native提交给IOS客户端数据来实现通信或者交互有2种方式：1、双向通信的方式：RNtoIOS原生端：#import@implementationRNToNativeEmitterRCT_EXPORT_MODULE
·2021-03-09 22:39

RN与IOS原生双向通信以及UI绑定通信的使用方式

react-native提交给IOS客户端数据来实现通信或者交互有2种方式：1、双向通信的方式：RNtoIOS原生端：#import@implementationRNToNativeEmitterRCT_EXPORT_MODULE
·2021-03-09 21:01

每天都实战一个React-Native项目

ReactNativeDayAndDayAself-taughtprojecttolearnReact-Native,ImadeadecisiontoputmyeverysingledaytowriteReact-Native(DayandDay).(欢迎star关注)https://github.com/edagarli/ReactNativeDayAndDayProjectIndexDay01
·2021-02-23 04:26

React-Native 获取设备当前网络状态 NetInfo

`react-native`应用获取设备网络状态可以使用`NetInfo`包进行获取。NetInfoNetInfo模块可以获取设备当前的联网状态，可以订阅和一次性获取网络状态。
·2021-02-22 22:15

React-Native 获取设备当前网络状态 NetInfo

`react-native`应用获取设备网络状态可以使用`NetInfo`包进行获取。NetInfoNetInfo模块可以获取设备当前的联网状态，可以订阅和一次性获取网络状态。
·2021-02-22 22:00

React-Native 相对项目路径导入组件

先来看下效果一般来说importHomePagefrom'../../pages/Home/HomePage'constScreenWidth=require('../../config.js');修改之后importHomePagefrom'~/pages/Home/HomePage'constScreenWidth=require('~/config.js');组件安装npm执行npminst
Metoo丶淡然·2021-02-22 14:10

react-navigation使用小记

以我一个月资深的react开发经验来看，说是react-native开发app必备库之一毫不过分。
·2021-02-14 22:21

2021-02-02 react-native Animated useNativeDriver 详解

reactnative的Animatedapi有一个很重要的设计：可序列化。这意味着，我们在动画开始前，就可以向native端发送所有的参数，这样一来，native端就可以在UI线程执行这个动画，而不是每一帧都通过brdige发送消息更新UI。这个对于性能优化很有用，因为一旦动画开始执行，js线程即使阻塞了，动画也可以很流畅的执行（不需要js线程了）；在实践中，业务逻辑代码和react的ui更新都
KingAmo·2021-02-05 16:05

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

升级xcode12后，图片不显示解决方案环境：os:macOSBigSurreact:16.9.0react-native:0.61.2A:两种方案升级react-native到0.63以上（比较复杂一下
猫先生的一天·2021-02-01 16:39

2021年前端会有什么新变化？

2020年前端圈带来具有突破意义的内容或框架不多，也不会再有2013年到2017间日日新的框架大战局面，也不会有Node全栈之争，也不会因为React-Native、Weex、Flutter这类跨端而欣喜若狂
编程小姐姐·2021-01-22 16:22

react-native项目运行环境搭建及遇到的坑

运行react-native项目遇到的坑：一：有时候运行项目的时候，会出现报错，其中包含一些网址，那么说明访问外网的网络不好，需要自己设置代理。
易小川打码·2021-01-20 19:11

2021年前端会有什么新变化？

2020年前端圈带来具有突破意义的内容或框架不多，也不会再有2013年到2017间日日新的框架大战局面，也不会有Node全栈之争，也不会因为React-Native、Weex、Flutter这类跨端而欣喜若狂
阿里巴巴淘系技术团队官网博客·2021-01-18 16:00

面试官：什么是虚拟DOM？如何实现一个虚拟DOM？

为什么需要虚拟DOM三、如何实现虚拟DOM小结参考文献一、什么是虚拟DOM虚拟DOM（VirtualDOM）这个概念相信大家都不陌生，从React到Vue，虚拟DOM为这两个框架都带来了跨平台的能力（React-Native
故心v·2021-01-17 21:36

react-native 实现购物车滑动删除效果的示例代码

购物车的功能基本上电商项目都会有的，这是一篇关于react-native的，原生android的已经好久没写了。
·2021-01-17 02:57

2021 年前端趋势预测

诚如很多大V所讲，确实是2020年，前端圈带来具有突破意义的内容或框架不多，很多人也不会再有2013年到2017间日日新的框架大战局面，也不会有Node全栈之争，也不会因为React-Native、Weex
阿里云技术·2021-01-15 15:04

React-Native ScrollView自定义横向滑动进度条

自定义横向滑动进度条概要需求自定义滑动进度条确定参数计算参数滑动进度条的实现首页定制菜单确定参数渲染方式遍历输出效果图源码IndicatorScrollView.jsScroll.js概要本篇文章概述了通过React-Native
JJochen·2021-01-12 19:45

React-Native 实现列表顶部随滑动渐变效果

React-Native列表顶部随滑动渐变效果概要顶部view区域颜色随滑动渐变顶部图片透明度随滑动渐变滑动监听源码概要本篇文章的内容在于通过React-Native实现一个列表顶部随滑动渐变的效果。
JJochen·2021-01-12 16:51

亲历一次vscode搭建flutter开发环境

原生、ionic、weex、react-native、mui...都有亲历的项目，各有各的辛酸。前几天偶然听说flutter，据说是个曙光。一贯的原则，管他三七二十一，helloworld跑起来再说。
iflve18·2021-01-12 10:35

如何优雅的在react-hook中进行网络请求

前言Hook是在React16.8.0版本中新加入的特性，同时在React-Native的0.59.0版本及以上进行了支持，使用hook可以不用class的方式的方式使用state，及类似的生命周期特性
似水流年·2021-01-09 17:44

react-native 路由与菜单demo

路由使用:react-native-router-flux菜单使用:react-native-side-menu文章目录1.效果2.组件1.菜单组件2.主页面组件1.效果初始进入页面点击上方bar后2.组件1.菜单组件简单定义了一个菜单列表列表中每一个item的点击都会重新刷新整个界面（使用父组件传递的方法）importReact,{Component}from'react';import{Fla
jingxindeyi·2021-01-04 00:18

React-Native ‘WKWebView` has no propType for native prop

根据搜索，出现这个错误的原因，是react-native与该组件所带的包的版本不匹配导致当我们从仓库拉别人的代码下来，是不包括node_modules的，而有的package.json又是不合规范，没有限制版本
hzxOnlineOk·2020-12-31 10:33

Mac OS 升级到11.0.1后React Native项目运行react-native run-android报错Could not find tools.jar

报错信息>Task:@react-native-community_async-storage:compileDebugJavaWithJavacFAILEDFAILURE:Buildfailedwithanexception.*Whatwentwrong:Executionfailedfortask':@react-native-community_async-storage:compileDe
Loki_·2020-12-28 10:51

React-Native 色盘的实现

最近因在学习RN的混合开发，项目中有个色盘的需求，难为了好几天才搞出来，现在记录下色盘实现，话不多说，开始敲代码：在研究色盘的绘制之前我们先来看下RN中我们使用到的几个手势和参数RN手势//返回值为布尔值,如果返回值为true，则表示这个View能够响应滑动手势,两者有一个为true即可响应onMoveShouldSetPanResponder:(e,gestureState)=>{...}onM
疯狂一生·2020-12-25 17:34

Mac react-native npm install -g react-devtools 报错

报错可以尝试sudonpminstall-greact-devtools--unsafe-perm=true--allow-root如果卡主不动的话，可以考虑墙了
放空di自己·2020-12-22 14:12

ReactNative 返回上层界面刷新数据（ A -> B -> A）

首先引入ReactNative的import{DeviceEventEmitter}from"react-native";哪个界面想刷新数据就在哪个界面接收监听事件！
AlwaysLuckyMa·2020-12-21 11:53

解决VSCode调试react-native android项目错误问题

如果是adb断了就使用一下步骤adbreversetcp:8081tcp:8081npmstart如果adb没断,直接npmstart如果执行gradleass打包命令进行打包之后，出现如下错误：1、检查react-native
·2020-12-16 16:21

入门react-native安装react-native-router-flux路由踩坑日记

根据github上的按照教程来安装react-native-router-flux：https://github.com/aksonov/react-native-router-fluxyarnaddreact-native-router-flux总是会出一些莫名其妙的问题，在看github文档才发现还需要安装ReactNativeRouter使用的本地依赖项。图一安装在ReactNative项目
喜欢喝酸奶的叱利霞月·2020-12-14 11:38

React Native 性能优化 （官网指南搬运）

最近在写React-Native趁着这两天需求差不多完成了，实践了一些优化项。
罗高·2020-12-12 20:33

native-baseUI库遇到的问题以及解决方案

_root')]native-baseToast在react-native的Modal里使用Toast不显示问题原因：Toast的层级没有Modal高，关闭Modal后，可以看到Toas
Cris·2020-12-12 14:38

native-baseUI库遇到的问题以及解决方案

_root')]native-baseToast在react-native的Modal里使用Toast不显示问题原因：Toast的层级没有Modal高，关闭Modal后，可以看到Toas
Cris·2020-12-12 14:37

React：React-Native开源项目

转载几个开源项目1、Facebook’sF8ConferenceAppReactNative最佳学习模版-F8App开源了,界面和体验是相当的完美,这个是Facebook官方开发的,所以放在第一位进行推荐。现在在github将近1.4W个star了。项目地址：https://github.com/fbsamples/f8app2、Reading来自饿了么RN大神开源的reading项目,已经完成A
该起啥昵称呢·2020-12-09 22:46

react hooks useCallback useMemo的区别

最近在看reacthooks，useState和useEffect较好理解，到useCallback和useMemo的时候，看官网不太懂，后来通过查阅资料，算是搞明白了，下面实例都是基于react-native
淡淡蓝蓝·2020-12-07 15:03

react-native源码阅读基础篇-NativeModule结构（iOS）

我们在使用rn开发的过程，有些需求可能需要封装原生模块，然后提供给js端使用。那么在rn中，Native端是怎么提供模块给js端使用的呢？这个问题有点大，流程也特别长，我们的最终目的是要梳理清楚这个。我们在这之前先看看一些基础细节，这篇文档我们一起学习一下NativeModule的结构例子我们先看官方提供的原生模块的例子头文件里遵循RCTBridgeModule协议//CalendarManage
nextChallenger·2020-12-04 09:04

ReactNative与iOS原生通信原理解析-通信篇

导语：其实原本是想编写一篇react-native(下文简称rn)在iOS中如何实现jsbridge的文章;相信看过官方文档的同学都清楚rn和iOS通信使用了一个叫RCTBridgeModule的模块去实现
mrgaogang·2020-12-02 01:40

react-native bundle 到 bundle 生成到底发生了什么(metro 打包流程简析)

本文涉及react-native及metro版本[email protected]@0.58.0先来看一波本文的实例代码:很简单吧，一个你好，世界//App.jsimportReactfrom"react
mrgaogang·2020-12-02 01:09

react-native 升级版本号

Android:文件地址:[project]/android/app/build.gradleiOS:文件地址:[project]/ios/[project]/Info.plist
Grewer·2020-11-24 03:50

react-native image 有时显示不出来_关于 React Native 的性能优化

使用ReactNative替代基于WebView的框架来开发App的一个强有力的理由，就是为了使App可以达到每秒60帧(足够流畅)，并且能有类似原生App的外观和手感。因此我们也尽可能地优化ReactNative去实现这一目标，使开发者能集中精力处理App的业务逻辑，而不用费心考虑性能。但是，总还是有一些地方有所欠缺，以及在某些场合ReactNative还不能够替你决定如何进行优化(用原生代码写
weixin_39762075·2020-11-23 06:52

React-Native react-navigation5.x的使用

react-navigation5.x的变化很大文档地址:reactnavigation安装react-navigation安装和配置大多数导航器使用的依赖项npminstallreact-native-reanimatedreact-native-gesture-handlerreact-native-screensreact-native-safe-area-context@react-nat
学生黄哲·2020-11-18 18:11

xcode打包react-native项目

最近做了人生中的第一个APP，从什么都不懂，一点点磕磕绊绊的把功能写完，走到打包部署，小小的激动一下，顺道总结一下打包遇到的相关问题。开发环境(version)ios系统:10.15.5xcode：12.0node：12.18.0CocoaPods:1.9.3react:16.11.0react-native:0.61.2开发者账户证书配置至于账户的创建什么的，直接用developerAPP下载注
神思者_伊祎·2020-11-13 11:24

关于react-native 监听webview页面返回事件的问题

最近写了个新rn项目，项目要求是rn内嵌一个webview网页实现全部业务需求~~鉴于网页页面数量较多，这就涉及到页面的跳转、返回上页以及退出APP的问题，由于不做处理的话点击手机的返回按钮会直接退出APP，故在网上搜索了相应的解决方案，为防止误导大家，就不贴图了，总之，无非都是抄来抄去还是错的，按照其写法，多近几个页面，返回到网页首页以后就得多点n次才能退出APP，差评，经过一番操作调试，贴上本
飞翔的灰灰·2020-11-02 14:15

在react-native中使用dva状态管理 2020最新版本超简单

在react-native中使用dva状态管理2020最新版本超简单网上看了很多教程，使用redux就不必多说了，很复杂也很繁琐。
sakura55520·2020-10-29 12:21

React Native开发中Xcode报错WebSocket/libfishhook.a

前言刚刚升级到Xcode10就日常报错...内容为:error:Buildinputfilecannotbefound'/Users/xxx/Desktop/xxx/node_modules/react-native
AKPoker·2020-10-23 10:49

RN0.63 全面屏适配 (苹果 / 安卓)

苹果适配SafeAreaView是react-native提供的组件(0.50.1推出)仅iOS11或更高版本低版本不需要适配,因为iPhoneX(出厂就是11或以上的系统)才出现刘海屏使用方式HelloWorld
苹果雪梨渣·2020-10-22 11:50
上一页 29 30 31 32 33 34 35 36 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他