React-Native 第78页

# 闲谈 Objective-C 与 Swift

bk个人博客随着移动互联网的发展，移动端iOS开发的技术选择也划分了好几个方向，有用React-Native进行开发的，有用Objective-C开发的，也有用Swift开发的，或者混合着来。

语歌·2020-03-20 14:25

原生 iOS(Swift) 和 React-Native 性能对比

简评：React-Native号称性能能与原生应用媲美的移动混合开发框架，是否真如传闻说的那么厉害，来看看这组性能评测。

极小光·2020-03-20 14:31

关于react-native的配置问题

最近又看了一下react-native,想试着去写一下,具体可以参考官网配置在配置的时候,不想报出了错误:error:Port8081alreadyinuse,packageriseithernotrunningornotrunningcorrectly

Silicn·2020-03-20 11:29

React-Native 错误集锦+解决方案

目录'RCTBridgeModule.h'filenotfoundRuntimeisnotreadyfordebuggingNobundleURLpresent闪退(调取本地通讯录,同理其他功能如相册,短信,摄像头,麦克风等)[真机]Unabletoloadscriptfromassetsindex.android.bundle...Attempttoinvokeinterfacemethod'x

Zhang_yD·2020-03-20 11:47

ReactNative学习笔记2

所有的程序皆由HelloWorld开始,下面是HelloWorld的代码importReact,{Component}from'react';import{AppRegistry,Text}from'react-native

saiGo·2020-03-20 06:58

react-native项目调试配置

初学RN，发现调试不知道该怎么调试，于是上百度翻阅资料，经过勘查一番终于大功告成，顺利完成热更新和Chrome浏览器中查看调试步骤和内容。第一步在当前项目文件夹下，打开命令行（cmd）运行下面命令：react-nativerun-android运行后看到如下图，说明启动成功微信截图_20190819164357.png第二步我们回归重点，实现Chrome中查看和调试：启动成功后我们可以选中模拟器，

李荣喜·2020-03-20 05:58

react native 动画2 LayoutAnimation

importReact,{Component}from'react';import{StyleSheet,Text,Image,LayoutAnimation,UIManager,View}from'react-native

proud2008·2020-03-20 03:19

React-Native 消息推送--Android混合推送

背景由于使用任何一种Android推送都很难在APP进程被杀死后收到推送，只有集成各厂商提供的系统级别推送才能完成此任务,故考虑小米、华为、魅族手机使用官方推送，其他手机使用个推推送！项目GitHub地址：https://github.com/wangheng3751/react-native-mixpush安装：npminstall--savereact-native-mixpush-andro

wangheng3751·2020-03-20 02:05

React Native 升级和降级

项目依赖包的版本1.1.查看本机ReactNative的版本，终端执行如下命令：react-native-version根据官网可知现在已经支持在项目中运行npminstall--save命令来进行安装react-native

傅hc·2020-03-19 23:26

[React Native]react-back-home(app返回桌面,后台运行)

npminstallreact-back-home--save2、运行npmrunconfigureReactBackHome使用方法：1、头文件定义：import{NativeModules}from'react-native

______MU·2020-03-19 21:03

乱花渐欲迷人眼,返璞归真F8(2)

title:'乱花渐欲迷人眼,返璞归真F8(2)'date:2017-04-0610:45:08categories:F8App源码阅读tags:React-native入口和配置文件.

smartphp·2020-03-19 20:06

GitHub上优秀的Android第三方库

react-native：这个是Facebook在React.jsConf2015大会上推出的基于JavaScript的开源框架ReactNative,该框架结合了Web应用和Native应用的优势,可以使用

大大纸飞机·2020-03-19 19:23

[React-Native]网络请求：Promise

异步执行的封装使用Promise的对象封装异步请求，使用resolve和reject分别包装正常返回和异常返回的值和信息。例如，执行一段网络请求：asyncgetMovieData(){letpromise=newPromise(function(resolve,reject){fetch(REQUEST_URL).then(function(response){returnresponse.js

美乃滋酱啊·2020-03-19 18:28

RN笔记-RefreshControl原生态刷新控件

原生态刷新控件在开发过程中，经常要用到刷新控件，iOS中比较热门使用第三方的刷新控件，然而却忽略了苹果系统原生的刷新效果，整体简洁大方美观，同样的在react-native中也提供了这样的刷新效果。

dangxy丶·2020-03-19 18:51

React-Native 打包 ipa 流程

1.打开React-Native项目根目录2.在根部下创建（release_ios）文件，若已经存在则无需创建3.在终端输入：react-nativebundle--entry-fileindex.js

墨香茉香·2020-03-19 17:07

本地Node.js服务器作为api服务器的解决办法

在看react-native教程的时候，遇到要在手机端调试，需要api服务器，但是由于Node.js自己就作为服务器，没有apache怎么解决这个问题，用apache和nginx也可以解决，但是有点复杂

smartphp·2020-03-19 17:34

react-native 开发之使用codepush来实现热跟新

使用codepush实现热跟新的总结首先要说一下什么是热跟新，就是好热的跟新，就是不用经过appstore发布审核，然后你只需要发一个包到codepush的服务器上，微软的codepush服务就会把包安装到用户终端上，快速，方便；那有的小伙伴说了，我发的包有bug，怎么办？微软的工程师已经为你想好了一切，可以执行回滚的操作，就是说，用户的手机终端就算装了新包，我也可以回滚调那个包；就是给用户的感知

请叫我留胡渣·2020-03-19 13:08

react-native 创建项目失败

xxxx-Pro:RectNativewyl$react-nativeinitProjectThiswillwalkyouthroughcreatinganewReactNativeprojectin/Users/xxx/Documents/RectNative/ProjectInstallingreact-native...Considerinstallingyarntomakethisfast

wylei·2020-03-19 12:56

react-native性能优化的考虑

性能优化的学习ReactComponent的性能考虑1createClass和extendsReact.componentes5的写法。。。es6的写法。没有绝对的性能好坏之分，只不过createClass支持定义PureRenderMixin，这种写法官方已经不再推荐，而是建议使用PureComponent。2Component和PureComponentshouldComponentUpdat

Kris_lee·2020-03-19 12:35

我的React-Native不得不说的一些事情－4

TabBar详解创建文档时间：2016.3.22-15:00作者：三月懒驴使用平台：Mac作用TabBar是一个APP的标配。在现在手机越来越大的情况下，位处最低的TabBar相比位处左上角的返回键有着更大的作用。而官方只提供了IOS的TabBar。相对很多公司来说，都是一套设计做两个系统的APP的，所以。我们在详细讲解这个RN原生的TarBar之外，还会在网上选取一个比较好的安卓的TarBar来

三月懒驴·2020-03-19 11:50

4. Navigation实战

本来想写一个应用redux的Navigation实战，但是发现react-native有又新的更新，新手怕误导大家，就直接用了别人的组件，看看怎么应用吧。

kaenry·2020-03-19 04:11

React-Native操作随笔(三)

Redux什么是ReduxRedux是一个流行的JavaScript框架，为应用程序提供一个可预测的状态容器。Redux基于简化版本的Flux框架，Flux是Facebook开发的一个框架。在标准的MVC框架中，数据可以在UI组件和存储之间双向流动，而Redux严格限制了数据只能在一个方向上流动。在Redux中，所有的数据（比如state）被保存在一个被称为store的容器中→在一个应用程序中只能

MichaelLedger·2020-03-19 04:59

window下搭建react-native for android开发环境

前言最近我也开始入坑react-native的学习开发，我在这里总结一下我window搭建react-nativeforandroid的过程，之前也没有做记录，我只能把配置过程写个大概，如有其他问题可以反馈评论

零度行者·2020-03-18 22:29

ReactNative入门-Android原生项目转RN项目

生成React-Native项目然后替换android包更方便快捷。当前转换基于0.48版本。

LaxusJ·2020-03-18 22:26

react-native 默认项目启动报错

初次运行react－native项目babelHelpers报错TypeError:babelHelpers.typeofisnotafunction解决办法全局安装了一次babel在项目的根目录安装项目内部运行

zhenxingdev·2020-03-18 18:18

react-native - 常用终端命令

001更新react-native的node依赖包请去下面的网址查看react-native的npm包的最新版本，或使用npminforeact-native命令查看。

GA_·2020-03-18 14:50

React-Native启动页到主页过渡

需要清除定时器'usestrict';importReactfrom'react';import{Dimensions,Image,InteractionManager,View,Text,}from'react-native

大灰狼的小绵羊哥哥·2020-03-18 13:47

已有项目集成React Native

首先你需要新建一个工程IntegratedRN，然后将node_modules文件夹（里面有react，react-native文件夹，之前用react-nativeinit生成的项目里面有这个文件夹）

bigParis·2020-03-18 12:50

React Native --- 一步一步完成新闻爬虫App（1）

（1）初始化react-native项目参照：https://face

Evan__C·2020-03-18 12:52

react-native 在方法里返回视图

在react-native中我们经常要进行判断，然后决定视图的显示方式，所以就会经常出现下面这样的代码：renderChanged(){return(this.showPro());}showPro()

Smallwolf_JS·2020-03-18 11:43

[ES6-iOSCode]CocoPods的Native管理及集成RN最新版本

/iOSJs/node_modules/react-native',:subspecs=>['RCTText

暖游丶·2020-03-18 09:06

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

创建React-Native项目react-nativeinitdounineApp

大猪大猪·2020-03-18 07:10

react-native 开发环境安装

react-native实战安装HomeBrew安装NodebrewinstallnodeYarn，react-native的命令行工具Yarn是Facebook提供的替代npm的工具，可以加速node

pengchaochao·2020-03-18 05:28

React-Native项目中消除启动时的白屏（闪白）--(iOS)

做过RN项目的童鞋应该都知道RN项目启动之后有一个短暂的白屏，调试阶段这个白屏的时间较长，大概3-5秒，打正式包后这个白屏时间会大大缩短，大多时候都是一闪而过，所以称之为『闪白』。虽然说时间很短，但是只要能被用户察觉，都是属于Bug为什么会有白屏在iOSApp中有启动图(LaunchImage)，启动图结束后才会出现上述的闪白，这个过程是JS解释的过程，JS解释完毕之前没有内容，所以才表现出白屏，

尹_路人·2020-03-18 00:41

React-native Andorid 环境配置

参考资料：官方githubhttps://github.com/facebook/react-nativeReact-Native中文网站http://reactnative.cn1Java运行环境安装及配置1.1下载JavaJDK链接：http://www.oracle.com/technetwork/java/javase/overview/index.html1.2安装及配置JDK安装完成后

JulyXing·2020-03-17 19:12

从0到1利用React-Native构建百思不得姐(二)

如果感觉我写的不错，关注我，给个star哦！项目地址如果遇到什么问题可以在评论区回复，或者加QQ群397885169讨论前言昨天终于把公司双十二的项目上线了，才有了时间写这第二篇文章，在上一篇中我们将项目的目录结构建好了，今天我们就来讲一下网络请求，首页布局和cell头部和尾部的布局。网络俗话说：兵马未动，粮草先行。子曰：”工欲善其事，必先利其器“。一款App如果没有数据，那只能是一个壳子，所以我

挂着铃铛的兔·2020-03-17 07:49

React-native View 嵌套问题

最近公司在做新项目，使用的是React-Native技术进行跨平台开发，其中的坑诸多，相信使用此技术的同仁们，深有体会。

君伟说·2020-03-17 05:28

【同行说技术】致前端：react开发的5个资源合集

一.React-Native学习指南本指南汇集React-Native各类学习资源，给大家提供便利。

程序猿联盟·2020-03-17 04:45

关于React-native,iOS原生组件封装以及导出

最近公司项目需求，需要封装一些关于iOS原生的组件提供给RN调用，在本文中做一些总结。希望能帮助到大家！关于组件的封装步骤1.创建一个类，并且遵守RCTBridgeModule协议。2.准守RCTBridgeModule必须引入RN的两个头文件#import和#import3.为了实现RCTBridgeModule协议，你的类需要包含RCT_EXPORT_MODULE();宏。这个宏也可以添加一个

就算我心狂野·2020-03-17 02:29

React-Native端跨平台开发技术分析

一、跨平台开发技术介绍入门路线2015年Facebook推出了ReactNative让跨平台开发技术火了一把，去年阿里开源了weex也朝着越来越热的趋势发展。为了节省开发成本，我们也得默默的跟上他们的步伐。接下来我们会畅谈各类跨平台开发技术的优劣，告诉大家为什么要选择RN进行开发。市场上主流APP分类：NativeApp（原生）即传统的原生APP开发模式,Android基于Java语言,底层调用G

Yochi·2020-03-17 01:33

react-native 2D 转换

2D转换在RN中的写法,RN项目中需要使用这个2D转换,但是不知道RN中是怎么写的,所以查了查,看下transform的值,以及需要的值得类型,部分没做测试属性值已标出transform[{rotate:string},//旋转角度,值eg:"-30deg"{rotateX:string},//x轴旋转角度,值:"-30deg"{rotateY:string},//y轴旋转角度,值:"-30deg

有情怀的程序猿·2020-03-16 22:15

let命令和const命令

在react-native中，常常见到用let和const声明变量。它们是ES6新增的用来声明变量的方式。它们的用法类似于var，但是和我们所熟悉的var声明出来的变量又有点不一样。

眸若止水·2020-03-16 18:46

React-Native Demo 工程 TransformError babel-preset-react-native

一、问题现象如果你依照RN官方文档或者RN中文网创建工程，你会遇到以下报错：![bundlingfailed:"TransformError:/Users/eduardo/Desktop/rn_reproduce_transform_error/index.ios.js:Unexpectedtoken)(Whileprocessingpreset:"/Users/eduardo/Desktop/r

wentianen·2020-03-16 17:43

React-Native <一>新手踩坑记

-运行完run-ios后卡着不动在浏览器中输入http://localhost:8081/index.bundle，查看是否有bundling的提示。删除手机/模拟器上的App,重新执行run-ios-提示launchPackager.command提示无法执行，没有访问权限。修改项目文件夹中launchPackager.command文件访问权限为755。chmod755/Users/Wind/

fancyWind·2020-03-16 16:44

项目升级到0.48.3常见问题

react-native-baidu-map-xzx库后，编译出现错误：Redefinitionof'RCTMethodInfo'如图：[email protected]点击错误详情发现是在react-native

sybil052·2020-03-16 10:10

React Native --iOS踩坑

sourceforge.net/projects/boost/files/boost/1.63.0/下载boost_1_63_0.tar.gz，解压后将文件夹内的boost文件夹复制替换node_modules/react-native

再往何处寻·2020-03-16 07:46

React-Native爬坑中（Redux）

介绍一下我在之前项目中是如何使用redux的。redux学习：http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.htmlhttp://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_two_async_operations.htmlhttp:

逗留·2020-03-16 06:08

Navigator不能用问题

根据信息，react-native这个包中的Navigator已经被移除，而需要导入react-native-deprecated-custom-components这个包来使用Navigator。

伦家这么萌·2020-03-16 05:01

react-native开发实例之code-push更新（android版本）

react-native开发的程序支持热更新，而热更新使用最多的是code-push组件。今天介绍使用code-push完成android平台的热更新。

sleepforests·2020-03-16 03:24

React-native AsyncStorage的使用

如果现在有一个需求，是要把用户的重要数据保存到本地，大家会怎么做的呢？如果在android原生代码中，我相信一大部分人会想到SharedPreferences,这是一个以键值对的形式进行存储的。那如果在reactnative中呢，有没有一个像SharedPreferences一样的轻量存储器呢？答案是有的---AsyncStorage。AsyncStorage是一个简单的、异步的、持久化的Key-

wfunny·2020-03-16 02:03

推荐频道

React-Native