React-Native 第89页

React Native 的未来与React Hooks

近期和一些朋友聊到了React-Native的官方重构状态，而刚好近期发布的0.59.x系列版本中，上层设计出现了比较大的调整，结合体验之后的状态，就想聊聊React-Native的现状、新版本的升级体验

恋猫月亮·2020-01-08 04:03

简单使用react-native的Animated动画

在项目中简单使用了react-native的Animated动画，这里介绍项目中使用到的两种场景。场景一：点击关闭一个弹窗时，弹窗会慢慢变小到消失，同时运动轨迹是慢慢从中心到标题栏的右侧。

wwpeng520·2020-01-08 00:17

react-native 0.51安卓打包错误总结

打包出来之后的包名如果不为app-release,而且安装到手机时报-103错误的话,是未给程序设置好签名文件...可参考https://blog.csdn.net/u011272795/article/details/77161942打包流程打包过程中报下面的错误C:\Users\state200\.gradle\caches\transforms-1\files-1.1\appcompat-v

zy_mr·2020-01-08 00:26

Flex布局在RN端与Web端规则对比

flex布局在web端与react-native端表现一样吗？react-native中的flex:1样式的含义？

nimw·2020-01-07 22:13

新手入门react-native(二)--自定义简单组件

在使用react-native开发界面时，和原生开发有所不同（Android），因为没有提供现成的丰富控件，所以大多数展示控件需要自己编写，那么如何去做呢？

HelloMrLi·2020-01-07 20:43

登录回调刷新 react-native

NavigatorIos进行pop回调。实例：未登录状态下跳转至登录界面，返回后刷新页面。在网上看这方面的缺乏，大多是用Navigator,IOS有所不同，直接代码贴关键代码希望有所帮助。我的页面自定义一个push跳转的方法，在这里写需要回调的方法，在回调的方法中，我们进行一次网络请求，刷新页面。在登录的页面：需要执行回调指令登录页面代码完成登录，回调刷新页面，（请大神们指点，2585033212

TonyJaJa·2020-01-07 18:42

React-Native Fetch网络请求

在react-native开发中，使用Fetch进行网络请求。

So_365·2020-01-07 15:36

react-native 图片库浏览插件

'usestrict';importReact,{Component}from'react';import{Text,View,Dimensions,ScrollView}from'react-native

疯子哦·2020-01-07 13:16

SVG图片在移动端的应用解决方案

SVG图片在web端使用非常广泛，我第一次接触这个也是在做react-native的项目中使用的。当时我们要做一些动画，需要从一个形状变换成另一个形状，这种一般都是用矢量图来做的。

十年开发程序员·2020-01-07 05:16

Android react native和原生交互

在采用React-Native开发APP时，必然要用到原生的API,rn和原生交互无非就两种情况：Android主动向JS端传递事件、数据JS端被动向Android询问获取事件、数据ReactNative

anmi7·2020-01-07 03:21

react-native WebView与h5交互

公司一个项目使用react-native搭了app的架子，使用WebView加载h5实现UI界面，同时h5和app需要做很多交互，今天就来说一下两者的交互问题。

sybil052·2020-01-07 01:39

React-Native之Android:原生界面与React界面的相互调用

由于之前没用MD编辑，后来也不能再改编辑模式，代码看起来有点难受。评论里是我的github主页，里面有这篇文章，用MD编辑。这里原生界面是指用布局文件实现或java代码实现view的Activity，React界面是指用ReactJS实现的界面的Activity。从某种角度看，React只是充当了Android里的view层，因此原生界面与React界面的相互调用及数据传递同原生界面之间的互动基本

姑苏风·2020-01-06 23:27

ReactNative 图片缓存（自定义组件、可更新、可纯展示）

https://www.jianshu.com/p/6f97e908c903importReact,{PureComponent}from'react'import{Image,Platform,}from'react-native'importstylesfrom

精神病患者link常·2020-01-06 23:41

React-Native 那些坑之iOS 加载html

关键词:ReactNativeiOShtml白屏release最近公司项目从RN0.47升级到0.57，突然发现以前做的本地html文件加载不了，连万能的谷歌用中文搜索关键词也搜索不到解决方式，得到一堆解决安卓加载本地html加载不到的结果blablabla万念俱灰的情况下，还是用回英文关键词搜索，结果没几分钟就找到了解决方案，看来国内从事RN的伙伴都还没趟过这坑啊实际上从RN0.56开始，本地的

爱猫的仙生·2020-01-06 22:29

React-Native之环境搭建(一)

注：这里只介绍MACOS下iOS的搭建(其它请左转MAC-Android,Windows-Android)首先打开终端安装Homebrew:(用来下载Node.JS的MAC包管理器)指令:/usr/bin/ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"接着通过Homebrew

因幡白兔·2020-01-06 20:22

React Native Flast 刷新及加载更多

1.FlastList.tsx代码importReact,{Component}from'react'import{Dimensions,FlatList,StyleSheet,View}from'react-native

刘宇航iOS·2020-01-06 19:59

前端React Native面试题

最近看到的一些面试题，收集整理了下，以后说不定也会用到ReactNative面试总结--北京识物科技有限公司发布时间：2017-08-17，点此访问一份react-native面试题发布时间：2017.08.11

爱是不求自己的益处·2020-01-06 19:31

一.React-Native一套代码同时运行在IOS和安卓上面

React-Native我们需要写一套代码同时运行在IOS和安卓上面，为了做到这一点我们把index.ios.js和index.android.js中的代码删除掉，然后新建一个App.js文件，内容如下

Yao_YongChao·2020-01-06 16:28

React Native安装、使用（Android）

React-Native官方指南安装前准备先安装Chocolatey安装React-Native以管理员权限打开CMD输入：chocoinstallnodejs.installchocoinstallpython2NodeJs

暴风流·2020-01-06 12:46

react-native-baidu-map iOS端集成

我在之前两个项目中都有使用到react-native-baidu-map,觉得其中的步骤稍微有点复杂，如果哪一步有点疏漏，就很容易报错，接下来我就从零新建一个项目，一步一步记录下我安装的过程，希望能帮助到大家~成都React-Native

冷洪林·2020-01-06 06:28

react-native button调用fetch获取数据 FlatList展示

1.设置buttonthis.fetchData(this.state.start)}/>2.fetchData函数fetchData(){/**@urlPath:'url地址'*@params:'key[0]=value[0]&key[1]=value[1]...'*/...othercode...letmyRequest=newRequest(urlPath,{method:'POST',he

doBell蛋蛋·2020-01-06 05:26

React Native中使用自签名证书https通信

http://facebook.github.io/react-native/docs/android-building-from-source.htmlAndroid设置步骤1：在新版本RN下，只需要在

eyow·2020-01-06 04:22

解决 'boost/iterator/iterator_adaptor.hpp' file not found’ 及控制台":CFBundleIdentifier", Does Not Exist

解决'boost/iterator/iterator_adaptor.hpp'filenotfound’及控制台":CFBundleIdentifier",DoesNotExist"react-native

王小贱吖·2020-01-06 03:36

在react-native中使用redux完成上传图片

redux-form，一个使用redux来管理表单数据流的组件，超好用，强力推荐，已用到两个实战项目中。在使用redux-form的过程中感觉到了使用redux写组件的好处，并模仿这种模式写了redux-upload-queue组件，用来队列上传图片。实现以下功能（同时适配Android和iOS）：可创建多个上传队列，每个队列独立管理批量上传取消上传批量上传过程中失败，重新以失败的地方开始上传上传

羽纱·2020-01-06 03:30

react-native-root-toast Unable to resolve module 填坑

各个版本出现相同问题可能不尽相同，我出问题的版本是"react":"16.0.0-alpha.6","react-native":"0.44.3","react-native-root-toast":"

_海角_·2020-01-06 02:14

在iOS项目中集成React-Native并交互

需求在公司原有的项目中想使用RN，但罗马不是一天建成的，没办法把所有代码全部换成RN，而且原来的项目功能比较多，我不认为全部换成RN就是好的，所以准备将项目中的一些合适用于RN的页面先转变过来，这篇文章就是在iOS项目中集成RN的步骤。和一些简单的交互。效果图Demo.gif我写了一个简单的项目更新到了github上，希望和大家更好的交流https://github.com/gjjggg/iOSR

骑着猪的小哥哥·2020-01-06 01:00

react-native在xcode7.0下运行出现Cannot read property 'root' of null 解决方法

环境声明系统版本：OSXEICapitan开发工具：xcode7.2有些iOS开发者朋友在初次尝试react-native时，按照GetStartedwithReactNative方法配置完开发环境以后

Jasee哥·2020-01-06 00:44

React-Native 渲染实现分析

前言ReactNative与传统的HybirdApp最大区别就是抛开WebView，使用JSC+原生组件的方式进行渲染，那么整个App启动/渲染流程又是怎样的呢？ReactNative启动流程首先从组件的角度来看下RN的启动流程：（Android为例）Native初始化，主要流程：ReactNativeHost->Activity->ReactRootView->startReactApplica

SuperEVO·2020-01-05 23:46

简单的天气查询Demo（iOS和RN混合开发）

第一步是利用Xcode新建一个iOS原生项目，然后利用cocoapods将react-native集成进来，具体操作可以看官方文档：https://reactnative.cn/docs/0.50/integration-with-existing-apps.html

运气不够技术凑·2020-01-05 23:26

React Native常用组件之ListView创建九宫格

import{AppRegistry,StyleSheet,Text,View,ListView,Image,TouchableOpacity,//这个是一个不透明度的一个触摸控件AlertIOS}qrom'react-native

7a7e4037f473·2020-01-05 20:56

ReactNative FlatList组件

ListView组件importReact,{Component}from'react';import{StyleSheet,View,Text,Image,Dimensions,FlatList,}from'react-native

遛遛食·2020-01-05 18:31

react-native调用ios native方法

ReactNative在设计之初，就考虑到了ReactNative提供的API,不能够完全的覆盖平台对应的所有API.因此在ReactNative中可以方便的调用Native的方法，Android上面对应Java方法，IOS上对应Object-C方法。有的时候在处理数据库，多线程上面，使用Native加的方便。下面就以调用IOS系统的Alert为例，看下怎么使用JavaScript代码调用Obje

姜家志·2020-01-05 17:49

ios集成react-native步骤

1、搭建开发环境。可参考https://reactnative.cn/docs/getting-started/2、然后使用xcode创建一个project文件3、在项目根目录下创建文件夹如：react4、在react文件夹下创建package.json文件{"name":"MyReactNativeApp","version":"0.0.1","private":true,"scripts":{

骑着毛驴走起来·2020-01-05 15:07

react-native 样式总结

布局React-Native的布局是完全是用flex来实现。

mlgzzz·2020-01-05 13:02

React-Native 方便好用的弹窗组件

react-native-modal-layer项目地址：https://github.com/horou-dsk/react-native-modal-layernpm:https://www.npmjs.com/package/react-native-modal-layer在app开发中通常都会遇到弹窗开发的需求，但在RN中无论是自带的Modal以及第三方库都会存在或多或少的问题和不方便的地

Mio丶Rin·2020-01-05 07:15

下载reactNative项目源码报错解决方案

在网络上下载的reactNative源码报错解决方案报错内容：报错RCTRootViewnotfoundRCTRootView属于react-native依赖中的类，你需要在工程目录下，npminstallreact-native

Erica0708·2020-01-05 05:12

react-native-0.16.1 自定义Android组件部分的源码初探

从react-native的官方文档中我们已经知道facebook的react-native团队已经为我们实现了很多组件，例如Image、Text、ViewPagerAndroid等，我们在index.android.js

zzyyppqq·2020-01-05 01:13

React-Native学习（二）RN的容器Flex-Box布局

借鉴：https://www.jianshu.com/p/4a61a517c792https://blog.csdn.net/codetomylaw/article/details/52190636一.什么是FlexBox布局flexbox是FlexibleBox的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。采用flex布局的元素，称为flex容器（flexcontainer），简称"

Charon_Pluto·2020-01-04 22:22

[总结]redux在react-native中的应用

资料reduxgit地址redux中文文档es2015(es6)babel教程awesomereduxreact-redux我的理解redux项目的动机是维护state(这个状态理解为UI状态，服务器数据，dom效果)，设计之初的基本原则为单一数据源，说明他的所有的state都存在的一个树形结构中。state只读，说明以后再使用中不要改变state。state只能通过action进行更改，这三个原

一笑yo·2020-01-04 22:48

JSPatch热修复入门指南和js断点调试

一开始我以为JSPatch是React-Native中抽取出来的，后来发现和React-Native完全没关系。这个项目和JSPatch平台，oc转

wu大维·2020-01-04 21:42

React Native 项目编译报错Build input file cannot be found: double-conversion-1.1.6/src/strtod.cc

Buildinputfilecannotbefound:'/Users/yanfazhongxin/Desktop/webstore/ReactNative/Aproject/node_modules/react-native

醉叶惜秋·2020-01-04 20:44

React-Native的基本控件属性方法

http://www.cnblogs.com/Sweet-Candy/p/5695389.htmlReact-Native的基本控件属性方法对React-Native的学习，从熟悉基本控件开始。

心淡然如水·2020-01-04 20:33

React-Native初体验五（window下引用第三方库：Toast）

在看这篇文章是居于reactNativeTest项目的，要是没有看过之前的文章请先看React-Native初体验四下面介绍的第三方库是：react-native-root-toastreact-native-root-toast

小码哥教育520it·2020-01-04 19:29

React-Native react-navigation StackNavigation(堆叠导航) 的基本实现

网上有很多相当详细的教程，但是都不够精炼，对于初学者来说，要的不是那么多各种属性设置，而是先实现效果，本篇就是先教各位初学者实现堆叠导航的最基本方法。1.引入react-navigation组件进入项目根目录命令行输入npminstall--savereact-navigation2.新建两个页面并配置路由新建两个js文件，这里我命名为MainScreen.js和CatScreen.js接下来配置

Patriot_笙箫·2020-01-04 15:25

React Native- 模拟器正常真机出现跨域问题

https://github.com/facebook/react-native/issues/17618,自测解决办法：原因是react-native版本0.52.1的原因，将版本降为0.51.0SimplydowngradingtoReact-Native0.51.0

Xianliang_MR·2020-01-04 14:47

学习React思想

React和React-native在编程的思想上是完全一样的，所以要写出好的RN代码，学学React的思想很有必要。

黄怡菲·2020-01-04 09:55

State（状态）

/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*/importReact,{Component}from'react

冷洪林·2020-01-04 06:53

react-native中安卓webview和js层通信

前言：学习rn已经有大半年了，目前的项目是采用rn的，在项目中曾遇到webview中调用postMessage，然后在浏览器和真机中查看，发现在浏览器中会报错，后者不会报错，然后觉得很奇怪，因此就去粗略的研究了一下rn中webview的实现。由于webview涉及很多东西，所以这一篇写介绍一下安卓的webview，下篇再继续介绍ios的webview。介绍：webview主要是用来进行页面请求，页

DragonChen·2020-01-04 05:55

react-native中IOS的webview和js层通信 - UIWebview

前言在9012的最后一篇写到了在rn中安卓的webview的通信原理，而作为0202年的第一篇，继续讨论上年rn中webview通信剩下的部分。背景：对于webview，了解过的人都知道在ios端会存在两种类型的webview（UIWebview和WKWebview），而他们之间的区别主要如下：时间上的差异：UIwebview是在ios2之后才有，Wkwebview是在ios8之后才有；UIweb

DragonChen·2020-01-04 04:18

react-navigation使用技巧（再进阶）

如果在学习react-native的过程中遇到什么问题，欢迎加入QQ群397885169一起学习，一起成长。本文是基于最新的react-navigation^3.x来书写的。

挂着铃铛的兔·2020-01-04 03:14

推荐频道

React-Native