React-native 第109页

react native 屏幕自适应区分iOS和iPhoneX

import{Dimensions,PixelRatio,Platform}from'react-native';exportconstdeviceWidth=Dimensions.get('window

Lee 酱·2018-10-31 10:40

解决升级到Xcode10，react native项目运行报错问题

/node_modules/react-native/third-party/double-conversion-1.1.6/src/strtod.cc'configu

SemperChan·2018-10-30 16:31

Android集成React Native启动白屏问题优化

React-Native安卓预加载优化方案对比IOS端与Android端的首屏时间数据，我们发现安卓端占有一定的劣势，我们在启动React-Native安卓应用时，会发现第一次启动React-Native

RmondJone·2018-10-30 13:13

安装react-native中遇到的一些问题

1.Unabletoloadscriptfromassets'index.android.bundle'出错？当你运行reactnative程序的时候出现这个错误，如果您使用Windows，请按以下方式运行命令，或者如果出现错误“无法找到条目文件index.android.js”，那么我这一招能救你第一步（创建缺失的目录）：mkdirandroid\app\src\main\assets第二步（在

追逐梦的孩子_759d·2018-10-29 12:15

2018-10-29

python、node.js、vscode、夜神安卓模拟器的时候遇到了没有选择默认安装而导致程序运行不了以及环境配置问题解决：按照软件自身默认标选点击下一步即可完成安装，按照规定配置环境变量2.在配置react-native

爱吃猫肉的老鼠·2018-10-29 11:16

React/React Native 的ES5 ES6写法对照表

：//ES5varReact=require("react");var{Component,PropTypes}=React;//引用React抽象组件varReactNative=require("react-native

crazy一笑·2018-10-29 11:24

react-native小白常见报错

01错误一解决办法:1在夜神里面设置ip2在控制台输入adbconnect127.0.0.1:62001连接夜神02错误二处理办法：可能是入口文件里面改那三个值出现问题了试一下都改为你js的文件名字错误三解决办法输入npminstall安装好即可错误四:处理办法：常见的500报错即是代码有问题仔细检查自己代码发现少了一个view错误五这个错误是在index文件里面我搞混了组件名和js文件名字两者的

孤注一掷_f38d·2018-10-29 11:34

学习React-native的一些错误总结

1、遇到的错误与解决方法：（1）在第一次创建项目时，下载很多东西之后运行报错：Exceptioninthread“main”java.net.UnknownHostException:downloads.gradle.org（图片未保存）。遇到这个错误是因为项目里的gradle未下载成功，可以将项目删除后重新创建项目或者从http://www.androiddevtools.cn/上下载一个gra

ysy321·2018-10-29 11:25

Android原生集成react-native(-)

可以看到工程根目录下多了个node_modules目录,同时package.json中添加了配置信息可以在package.json中的scripts添加启动脚本:"start":"nodenode_modules/react-native

踏雪-飞鸿·2018-10-28 11:24

react-native调用Android原生UI组件

当react-native的UI组件不能满足需求时,可以考虑在原生自定UI组件,让RN调用.使用原生UI所考虑的问题:一.原生UI被调用;二.修改原生UI属性值;三.捕捉原生UI的响应;四.RN向原生UI

踏雪-飞鸿·2018-10-28 11:03

【react-native】0.57版本打包报错：Could not resolve all files for configuration ':app:releaseCompileClasspath

react-native版本：0.57.1这个问题原本不是rn版本的问题，原因是0.57.1将AndroidSDK的版本更新到27了。

Afresh_Kedou·2018-10-25 16:13

【react-native】0.57版本打包错误，SDK版本不匹配问题：Execution failed for task 'xxx:verifyReleaseResources'

react-native版本：0.57.1这个问题原本不是rn版本的问题，原因是0.57.1将AndroidSDK的版本更新到27了，这与大多第三方使用了原生代码的插件不兼容了，因为第三方更新不及时，SDK

Afresh_Kedou·2018-10-25 15:24

react-native-gp-utils(对react-native全局进行配置,对内置对象原型)

react-native-gp-utils对react-native全局进行配置,对内置对象原型链增加方法,增加常用全局方法.每次新建react-native项目之后都会发现有一些很常用的方法在这个项目中也会用到

geekPrince·2018-10-23 04:23

列表详情Detail.js

//在util包下创建Detail.jsimportReact,{Component}from"react";import{ScrollView,Dimensions}from"react-native

__MX·2018-10-22 00:35

使用typescript开发react-native前期踩坑记录

吐槽几句typescript最大的卖点对于我来说就是类型检查和IDE提示的快感了，以前我是抗拒用ts的，因为感觉它加入了太多东西了，又要新学很多东西，但是呢现在貌似ts是个大势所趋，我最喜欢的框架vue都要用ts重构了，so,向ts前进吧！我用rn开发了一个项目后，就迫不及待的准备在下个项目中开始介入ts了，但是完事开头难，遇到了好多问题，主要在配置上...我自己想了办法解决，但是感觉不完美，希望

fantasy525·2018-10-22 00:00

iOS ReactNative私有库指南

创建RN私有库为了加速RN的下载和方便集成，我把RN(0.56.0)做成私有pod放到了gitlab的私有源中，参考《使用Cocoapods创建私有podspec》、《私有Pods集成react-native

曾浩·2018-10-21 23:24

React-Native学习笔记

入门Props属性大多数组件在创建时就可以使用各种参数来进行定制。用于定制的这些参数就称为props（属性）举个栗子://定义一个组件classGreetingextendsComponent{render(){return(Hello{this.props.name});};}exportdefaultclassHelloWorldextendsComponent{render(){letpic

手中的风信子·2018-10-19 11:57

Flutter系列（一）-----安装运行

FlutterFlutter简介[Flutter与react-native的区别](http://szuwest.github.io/flutterkuang-jia-yan-jiu-he-yu-rndui-bi.html

JusticeOfHeaven·2018-10-18 11:12

React-Native图标 React-Native-Vector-icons 集成

react-native-vector-icons集成1.安装react-native-vector-icons2.导入推荐图标库vector-icons官网：链接react-native-vector-icons安装使用，网上已有太多博客，这里只再简要写一下命令行步骤与躲坑技巧（MacOS系统）。1.安装react-native-vector-icons//安装本地react-native-ve

shimadongxue·2018-10-17 10:59

基于Taro + Dva构建的适配不同端（微信小程序、H5、React-Native 等）的时装衣橱

现如今市面上端的形态多种多样，Web、React-Native、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要

EasyTuan·2018-10-15 11:57

react-native ios 环境搭建

1.环境搭建安装依赖必须安装的依赖有：Node、Watchman和ReactNative命令行工具以及Xcode，推荐使用Homebrew来安装Node和Watchman，watchman则是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能（packager可以快速捕捉文件的变化从而实现实时刷新）Homebrew的安装，输入一下命令行：/usr/bin/ruby-e"

喵喵_1910·2018-10-15 10:16

react-native 入门基础介绍

目录安装项目主要目录结构入口Home模块Coobook模块List模块novel模块相关参考一个简单的demo，用于介绍react-native相关基础信息，主要是针对有兴趣的同学参考；以下内容及代码在

Warren-Hewitt·2018-10-14 17:00

react_native 物理键back或者回退键的单击返回和双击退出app功能

公司app开发，react-native（android）要实现点击手机物理键back返回和退出app功能，本人也是小白，不是很懂，但是作为一个app，这是基本功能，所以必须实现。

hopefullman·2018-10-14 10:22

2018-10-10 react-native 集成dva和ant-design-mobile-rn

最近要写后台前端代码（公司是缺什么学什么），网上找了一圈发现最近流行用一个很好用的东西：ant-design。支付宝团队出的，然后各种周边antdmobile,umi,dva.等等。这个有兴趣的同志自己去找找看.这边重点介绍：antdmobile-rn。（官方已经宣布不再维护了，但是用起来很好用）。因为我移动端使用的是reactNative,所以就使用了这个。集成dva,自己找了半天资料，折腾了半

大唐帝国·2018-10-12 17:04

RN的props使用详解

AndroidAttribute如下实例,props从外部传递进来:importReact,{Component}from'react';import{Platform,StyleSheet,Text,View}from'react-native

亚洲小炫风·2018-10-12 14:06

Gradle 编译报错 - Error while generating the main dex list

gradleassembleDebug--stacktrace定位：Causedby:com.android.tools.r8.errors.CompilationErrorcompile("com.facebook.react:react-native

陈桐Caliburn·2018-10-10 16:57

由springboot2/react-native/spring-security/jwt实现登录注册功能的RN app源代(app前端后台完整源代码)

RNapp源代码做了登录与注册的功能，集成了springboot2，react-native,spring-security，jwt--------源代码--------前端https://github.com

phelpsyacht·2018-10-09 08:33

react-项目搭建(dva+antd)

dva是一个基于React和Redux的轻量应用框架，概念来自elm，支持sideeffects、热替换、动态加载、react-native、SSR等，已在生产环境广泛应用。

Graycrr·2018-10-08 00:00

react-native开发安卓app相关使用总结

记录自己平时使用react-native时遇到的问题。

fantasy525·2018-10-07 00:00

react-native-page-listview使用方法

react-native-page-listview对ListView/FlatList的封装,可以很方便的分页加载网络数据,还支持自定义下拉刷新View和上拉加载更多的View.兼容高版本FlatList和低版本ListVIew.组件会根据你使用的react-native

geekPrince·2018-10-06 20:07

React JS和React-Native学习指南

自己在学习React-Native过程中整理的一份学习指南，包含教程、开源app和资源网站等，还在不断更新中。欢迎pullrequests！

多兴不弱·2018-10-02 11:00

react-native错误监控

在h5页面我们可以使用window.onerror来监听全局报错，对于我们排查线上问题非常有帮助，并且结合sourceMap几乎可以很快定位到问题。但是在rn中是没有这个事件的，那么如果监控这些错误呢？需求我们要监控线上的报错，并且针对特殊用户做白名单上报，以便于排查特定场景问题。问题rn并没有全局监控错误接口提供解决方案在查了一些资料后，发现在rn源码中就有相应的错误监听，所以我们自定义错误处理

Stevenzwzhai·2018-09-30 19:31

WebStrom + TypeScript + MobX 构建项目

npminstall-gtypescript集成typescriptnpminstall-gtypingstypingsinstalldt~react-native--globals—save设置.babelrc{"presets":["react-native

精神病患者link常·2018-09-28 16:06

react-native 实现tabBar上弹抽屉

不知道大家有没有遇到这样尴尬的问题：使用react-navigationcreateBottomTabNavigator实现底部tabBar，在tabBar的一个界面上弹出一个抽屉，发现抽屉没有覆盖tabBar？或者实现了抽屉覆盖tabBar，结果在tabBar界面上不能跳转到新的界面？一、问题描述大致需求如下：用户打开app底部有tabBar，tabBar有三个界面：Home，Release，O

sybil052·2018-09-26 10:50

[bug]reactNative 环境搭建出现react-native：command not found 和 zsh: command not found: react-native

reactNative环境搭建出现react-native：commandnotfound和zsh:commandnotfound:react-native在解决这个问题前,你需要将npm更新为淘宝镜像

codeTao·2018-09-22 00:51

React Native入门笔记（基础环境的搭建）

React-Native的中文官网：https://reactnative.cn一、准备工作React-Native必须安装的依赖有：Node、Npm、ReactNative命令行工具、Python2以及

_kayla·2018-09-18 14:23

ReactNative FlatList--------实现上拉加载，下拉刷新

importReact,{Component}from"react";import{Platform,StyleSheet,Text,View,Image,TouchableHighlight}from"react-native

焱先生y·2018-09-17 19:30

airbnb宣布放弃使用react-native

距airbnb宣布放弃使用react-native，回归原生技术，已经有两个月了，airbnb对rn的贡献，众所周知，虽然airbnb回答的很委婉，但是暴露出的问题还是很明显的，到底有没有必要走这条跨平台之路

喵喵哥哥·2018-09-17 16:26

RN -RefreshListView下拉刷新上啦加载

importReact,{Component}from"react";import{Text,TouchableOpacity}from"react-native";importRefreshListView

K_H_J_S·2018-09-16 21:11

iOS中集成RN->RN中添加react-navigation、集成MobX

react-navigation{"name":"MobXTest","version":"0.0.1","private":true,"scripts":{"start":"nodenode_modules/react-native

精神病患者link常·2018-09-14 13:20

iOS集成ReactNative

第一步、新建iOS项目（cocoapods）第二步、在项目中建一个名为reactnative的文件夹,用于存放我们react-native的相关文件,再创建一个package.json文件,用于初始化react-native

精神病患者link常·2018-09-14 13:54

React-Native：方法调用随笔

方法调用的区别：//立即执行//onPress={this.gobackClicked()}//调用后执行//onPress={this.gobackClicked}//调用后执行onPress={()=>{this.gobackClicked()}}一、下面onPress事件的两种调用说明由于gobackClicked是箭头函数，并且没有参数，故下面的两种写法其实是等价的。它们都是将goback

sy随缘·2018-09-13 16:45

react-native配置导航react-navigation

顺便整理一下之前项目上的react-native导航配置问题，导航器现在首选官方推荐的react-navigation，支持多种导航模式，可参照英文文档编写可运行的基础demo。

ruff1996·2018-09-12 13:24

React-Native：纯色小图片使用字体库实现

1、为了减少项目中小图片资源，所有纯色图片，都可以使用字体库实现。2、也可以使用阿里字体库，但是需要转换+link才能使用：阿里字体库下载下来svg图片，然后将所有图片通过下面的工具，转为ttf字体库，转换的文件夹里有字体ttf文件和对应的selection.json文件，通过icomoon的RN库进行link，就可以在RN中使用了。常用免费字体库：xcode效果：image.png转换之后的文件

sy随缘·2018-09-11 17:49

React-Native：type props

一、TypeScript入门https://www.jianshu.com/p/c4e639296b98typeItemProps={title:String,desc:String,backgroundColor:String,borderColor:String,img:any,onPress:Function,}constItem=({backgroundColor,borderColor,

sy随缘·2018-09-11 16:43

React-Native iOS内购模块及丢单的情况和处理

RN内购GitHub上也有很多封装好的模块，不过基本上都是国外的，包含Google的Androidiap，对国内来说不需要，而且也没有丢单的处理，于是根据自己需要封装了一个，就两个文件，没必要用npm了，直接拖到Xcode中使用。GitHub地址：https://github.com/vincent-cihan/RNInAppPurchaseModule一、调用API一览//1.获取与服务器交互验

vincent涵·2018-09-11 15:45

react-native run-android报错没有找到设备 Make sure you have an Android emulator running or a device connecte

一些小问题都小记一下react-nativerun-android的时候要求当前只运行一个模拟器或者连接真机，rn会自动把app打包进去并运行。可是有时候却出现设备连接正常，跑react-nativerun-android却报找不到设备的异常，报错信息：FAILURE:Buildfailedwithanexception.*Whatwentwrong:Executionfailedfortask'

欣欣欣白白白·2018-09-10 22:17

React-Native学习（一）RN组件的生命周期

借鉴：https://www.jianshu.com/p/986bcbcd02aa一.RN组件生命周期图这张图主要介绍了RN组件的props和state在改变的时候，触发不同钩子函数，从而引发组件渲染的过程。主要有三个阶段包含了组件从初始化、更新、销毁。RN组件生命周期图详解二.RN组件生命周期详解1.初始化defaultProps默认props的参数propTypesProps的类型state主

Charon_Pluto·2018-09-09 22:54

react-native学习（一）————使用react-native-tab-navigator创建底部导航

react-native学习（一）————使用react-native-tab-navigator创建底部导航使用react-native-tab-navigator创建底部Tab导航1.使用npm安装

我在等风也等你啊·2018-09-09 22:00

react-native react-native-ble-manager 瀹炵幇灏忕エ鎵撳嵃鍔熻兘

##鐢ㄥ埌鐨勫伐鍏凤細react-nativereact-native-ble-managericonv-litebuffer##瀹夎聽npminstall聽react-native-ble-managernpminstall聽buffernpminstall聽iconv-lite鏂板缓Ecs.js鏂囦欢锛岃创浠ｇ爜```const_=require('lodash');constUtil=re

404_454a·2018-09-09 16:42

推荐频道

React-native

react native 屏幕自适应 区分iOS和iPhoneX