React-native

ReactNative开发(零)之开发错误问题

Navigatorisdeprecatedandhasbeenremovedfromthispackage.Itcannowbeinstalledandimportfrom‘React-native-deprecated-custom-components’insteadof‘react-native
Jacky_Can·2017-08-15 09:24

RN react-native-sqlite-storage报错了

throwerr;^Error:Cannotfindmodule'react-native/setupBabel'atFunction.Module.
复古先生·2017-08-14 16:28

react native识别设备，获取设备屏幕尺寸

在reactnative开发中可能需要对ios或者android设备使用不同的组件，所以需要识别设备，react-native模块的Platform可以达到这个目的importReact,{Component
qq_33802316·2017-08-13 17:31

解决 React-Native 加载数据页面卡顿问题

一般情况下,我们在componentDidMount方法里面执行请求数据.根据字面意思:页面组件加载完毕,然后请求数据.对的,没毛病!!!然而问题就出现,当我们跳转到新页面时,到界面请求完数据,更新状态机.中间会出现一个界面卡顿的现象.我的理解是，页面组件还未加载完就已经开始请求数据了，这应该是RN的一个bug吧，纯属我瞎猜！解决办法awaitInteractionManager.runAfter
壹点微尘·2017-08-12 22:31

第二章、React-Native生命周期

componentWillMount{//渲染前调用一次，这个时候DOM结构还没有渲染}componentDidMount(){//渲染完成后调用一次，这个时候DOM结构已经渲染了。这个时候就可以初始化其他框架的设置了，如果利用jQuery绑定事件等等。}componentWillReceiveProps(){//初始化渲染不会调用，在接收到新的props时，会调用这个方法。}shouldComp
无枝可依·2017-08-12 13:28

React-Native做一个文本输入框组件的实现代码

说实话，最近一直再用android做开发，而且时间也不宽裕，react-native有点生疏了。
weifengzz·2017-08-10 11:49

React-Native 样式指南

://github.com/doyoe/react-native-stylesheet-guideReact-Native的样式基本上是实现了CSS的一个子集，并且属性名不完全一致，所以当你开始在编写React-Native
slowlifes·2017-08-09 10:14

react-native，三端同构，我们还会碰到什么问题

日前，公司的一个也许需要，需要做一个app，同时也要在微信上应用该业务于是选择了react-native使用制作，而抛弃了之前的ionic，基于angular的开发模式先说一下整体思路ios，安卓，直接使用
哒哒哒龘·2017-08-09 06:15

react-native之ART绘图方法详解

背景在移动应用的开发过程中，绘制基本的二维图形或动画是必不可少的。然而，考虑到Android和iOS均有一套各自的API方案，因此采用一种更普遍接受的技术方案，更有利于代码的双平台兼容。art是一个旨在多浏览器兼容的NodestyleCommonJS模块。在它的基础上，Facebook又开发了React-art，封装art，使之可以被react.js所使用，即实现了前端的svg库。然而，考虑到re
code_xzh·2017-08-08 17:18

React-Native 之 Modal介绍与使用

前言遗漏的常用组件，刚发现官方有提供，这边也来介绍一下。如本文有错或理解偏差欢迎联系我，会尽快改正更新！如有什么问题，也可直接通过邮箱[email protected]联系我。本章涉及资源下载：链接:https://pan.baidu.com/s/1o84o6JS密码:htx6属性animationType（动画类型）PropTypes.oneOf(['none','slide','fade'])n
slowlifes·2017-08-08 16:12

React-Native 组件之 Modal的使用详解

Modal组件可以用来覆盖包含ReactNative根视图的原生视图（如UIViewController，Activity），用它可以实现遮罩的效果。属性Modal提供的属性有：animationType（动画类型）PropTypes.oneOf([‘none',‘slide',‘fade']none：没有动画slide：从底部滑入fade：淡入视野onRequestClose（被销毁时会调用此函
code_xzh·2017-08-08 08:10

iOS中集成react-native模块报错的处理

集成过程中,或许会遇到以下错误Undefinedsymbolsforarchitecturex86_64:"_RCTParseTypeFromHeader",referencedfrom:loadTaggedScript(NSData*,NSURL*,RCTPerformanceLogger*,RandomAccessBundleData&,NSError*__autoreleasing*)inl
nextChallenger·2017-08-07 14:53

从0到1写一个react native的app(上)

我是一个react-native的初学者，在学习完react-native的一些基本内容，比如，页面布局，列表渲染，事件处理，网络请求，路由跳转页面等等之后，我想做一个实战app来综合应用所学的知识。
小婵婵·2017-08-07 10:11

react-native中ios跨域请求失败fetch

TypeError:NetworkrequestfailedatXMLHttpRequest.xhr.onerror(fetch.js:408)atXMLHttpRequest.dispatchEvent(event-target.js:172)atXMLHttpRequest.setReadyState(XMLHttpRequest.js:478)atXMLHttpRequest.__didCo
复古先生·2017-08-03 15:36

react-native中‘RCTLog.h’ file not found处理

/react-native/Reactto:$(SRCROOT)/../re
复古先生·2017-08-03 15:55

react-native ListView下拉刷新上拉加载实现代码

本文介绍了react-nativeListView下拉刷新上拉加载实现。分享给大家，具体如下：先看效果图下拉刷新ReactNative提供了一个组件可以实现下拉刷新方法RefreshControl使用方法}//...在视图加载的时候的时候，将refreshing设置为true，数据加载完成设置为false即可上拉加载利用ListView里的onEndReached方法实现，ListView在滚动到
Tomoya·2017-08-03 09:14

Windows下RN环境搭建及官方Demo运行

Windows下RN环境搭建及官方Demo运行一.Android工程环境构建1-1：AS安装（IDE）1-2：JDK安装二.React-Native环境构建2-1：Note.js安装（必选）（包含js解析引擎
M075097·2017-08-01 19:38

React Native入门基础

source用法样例二：自定义的组件使用propsimportReact,{Component}from'react';import{AppRegistry,Image,Text,View}from'react-native
liangjiangli·2017-08-01 14:02

react-native运行时报错setup_env.sh

child_process.js:506throwerr;^Error:spawnSync/Users/UserName/Desktop/Path/node_modules/react-native/local-cli
复古先生·2017-07-28 18:11

React-Native SegmentedControlIOS属性解析

SegmentedControlIOS这是一个分段显示多个选项的组件效果：3F72C4D2-0748-4FC4-B668-91CC1A2DBD1A.png属性：values：按顺序每一个段落的标题文字selectedIndex：组件显示时，一开始被选中的段落的下标onValueChange：当用户点击某一段的时候调用，返回参数是被选中段的值（也就是values中的值）onChange：当用户点击某
煎包小混沌·2017-07-28 10:35

React-native0.46.4初始化项目run-ios报错处理

BUILDFAILED**Thefollowingcommandsproducedanalyzerissues:Analyze/Users/plus/Desktop/RN/Demo5/node_modules/react-native
复古先生·2017-07-28 09:02

React-Native优化之PureComponent

React15.3的发布中包含了PureComponent，这个类最重要的用法是为了优化React的性能，下面我们将看下它是如何优化的。ComponentVSPureComponent首先要看Component的生命周期：当props或者state改变的时候，会执行shouldComponentUpdate方法来判断是否需要重新render组建，我们平时在做页面的性能优化的时候，往往也是通过这一步
刘-飞·2017-07-27 19:10

React学习的各种资源

ReactNative构建FacebookF82016App/ReactNative开发指南http://f8-app.liaohuqiu.net/React-Native入门指南https://github.com
babyangeltears·2017-07-27 13:11

react-native之Androidstudio安装问题总结

1.出现undefinedisnotanobjectevaluatingReactInternals.ReactCurrentOwner问题出现此问题，首先查看使用的ReactNative是否为0.45以上版本，如果是请把react更新到16.0.0-alpha.12,执行命令：[email protected]或者[email protected](根据
大超-无痕·2017-07-26 17:02

React-Native网络请求加载界面

React-Native网络请求加载界面当一个界面在从网络获取数据时，由于网速因素，需要个等待界面，这时候我们必须展示个友好界面，就是加载界面。
Kunsan_16·2017-07-25 23:45

理解React-Native(0.46) 中native和js通信原理(iOS)

使用App.png本文结构目前App的几种常见的开发模式关于React-Native的一点小看法React-Native相关的初始化过程源码探索OC和JS互调部分首先看一下,目前App的几种常见的开发模式
ZeroJ·2017-07-25 13:33

理解React-Native(0.46) 中native和js通信原理(iOS)

使用App.png本文结构目前App的几种常见的开发模式关于React-Native的一点小看法React-Native相关的初始化过程源码探索OC和JS互调部分首先看一下,目前App的几种常见的开发模式
ZeroJ·2017-07-25 13:33

React-Native ProgressViewIOS与圆形进度条react-native-percentage-circle

1：ProgressViewIOS：为react-native组件自带的长条形进度条。
煎包小混沌·2017-07-25 11:47

基于react-native & antd-mobile进行三端开发

要做移动端应用，同时要适配ios、android和微信。搜索、试验、思考...几天内进行了好几轮，最终决定采用react-native&antd-mobile来实现我们的目的。思路&选择在网上搜索，看到了多种方案。第一种，利用redux，共享业务逻辑，自己维护两套UI组件；第二种，利用react-native-web，先写移动端，再将移动端转换成H5；第三种：利用styled-components
zhoutk·2017-07-23 00:00

react-native 开发中碰到的问题总结

前段时间接触了一点RN的开发，总结了以下的一些问题以及解决方法AppRegistry.registerComponent('projectName',()=>componentName);一般只会用到一次,projectName必须和文件夹名字一样.在iOS上使用http链接的图片地址可能不会显示，解决方案:https://segmentfault.com/a/1190000002933776图片
翻滚的前端程序员·2017-07-22 10:00

react-native AES加密

1.安装crypto-js，执行yarnaddcrypto-js--save，引用语句：letCryptoJS=require('crypto-js');2.编写函数：aesEncrypt(data,key){/***@data:字符串*@key:字符串或byte[]*///console.log(data);//console.log(key);letAES_KEY=CryptoJS.enc.U
doBell蛋蛋·2017-07-21 23:27

搭建一个简易的React环境

一开始的我就没有能够正确地搞清楚react,react.js,react-native，现在差不多搞清楚之后我倒觉得之前走的弯路并不是没有价值的
luj1n·2017-07-20 22:42

React-Native Modal实现遮罩界面

Modal可以使你应用中RN编写的那部分内容覆盖在原生视图上显示。实现遮罩的功能属性：animationType：三个值slide：从下弹出，fade：淡出方式，none：直接显示transparent：为true的时候modal会覆盖在上面，false时会出现一个白色的底，然后modal覆盖在白色底上面visible：true为弹出modal，false为隐藏onrequestclose：iOS
煎包小混沌·2017-07-20 15:47

react-native 解决navigationOptions中Button onPress调用this 的方法问题

在最外部声明：letthat;在class内部：constructor(props){super(props);that=this;}在const*=StackNavigation({})中：navigationOptions:{headerTitle:(123),headerRight:(that.props.navigation.navigate('Msg')}>),headerLeft:(t
doBell蛋蛋·2017-07-19 20:01

React-Native TextInput失去焦点键盘收回

添加函数：_onPress()_onPress(){console.log("press");this.refs.InputText.blur();this.refs.Password.blur();}背景使用添加属性：activeOpacity={1}onPress={this._onPress.bind(this)}GET
doBell蛋蛋·2017-07-18 15:51

ReactNative的坑坑洼洼

1、初始化React-native，执行run-ios报错PhaseScriptExecutionInstall\Third\Party/Users/scdzs5/wh/project/hpApp/ios
路CLu·2017-07-18 11:07

react-native 之事件管理EventManager

因为项目没有涉及到一些复杂操作，当时看了博客据说redux很麻烦一般不建议用，当时写项目的时候觉的事件的处理回调很是麻烦，就写了一个EventManager，在此纪录一下，抛砖引玉，希望有更好的封装，后期可能也会转向redux。先看代码吧其实很简单。//建立一个事务管理对象letEventManager={};//记录事物的操作一个对象key为typevalue本质是一个一维数组EventMana
许晓北·2017-07-17 18:47

React native 第三方组件 React-native-video

简介这个组件封装了React-Native平台的播放器组件Video使用方法:1.安装:执行命令:npmi-Sreact-native-video重新编译项目,执行命令:react-nativelink2
Eternaldream·2017-07-17 11:36

React Native实现进度条弹框的示例代码

importReact,{PureComponent}from'react';import{StyleSheet,View,Animated,Easing,}from'react-native';classBa
xinganbu124·2017-07-17 09:56

react-native项目中从零开始使用redux

本文主要是以我的另一篇文章的思维过程来操作,希望大家使用后可以记住整个过程,从而活学活用,使用到自己的项目中.参考文章:react-native中使用redux的原理分析及demodemo地址:github.com
nextChallenger·2017-07-14 17:52

React-Native 命令备忘

创建项目安装所有packagejson里的库文件安装指定库文件通过-save保存到packagejson卸载指定库文件通过-save保存到packagejsonlink所有库文件通过react-native
JDGan1987·2017-07-14 16:18

react-native 遇到的错误

fbBatchedBridge...react-native启动用来做JavaScript的代码的服务，是本地的服务，App默认访问的host地址是localhost,运行到真实的设备上面的时候无法访问react-native
Thinker361·2017-07-14 10:51

React-Native集成到已有项目过程及问题处理

先看搞清楚项目目录情况：第一层目录：项目根目录：iOS-2028-master/第二层目录：原生项目根目录：iOS-2048-master/NumberTileGame/另外假设已经全局安装好node、npm、cocoapods、react-nativecli等工具，这些工具没有安装的，请先自行Google安装。PackagesInstallation进入项目根目录iOS-2028-master/
Thinker361·2017-07-13 20:10

React-Native集成到已有项目过程及问题处理

先看搞清楚项目目录情况：第一层目录：项目根目录：iOS-2028-master/第二层目录：原生项目根目录：iOS-2048-master/NumberTileGame/另外假设已经全局安装好node、npm、cocoapods、react-nativecli等工具，这些工具没有安装的，请先自行Google安装。PackagesInstallation进入项目根目录iOS-2028-master/
Thinker361·2017-07-13 20:10

WebStorm JS中出现大量红色波浪

[size=large][size=large][size=medium]最近是用React-native来实现夸平台的项目，同事建立好的工程，我gitclone下来之后在我的环境打开之后，满屏的红色波浪线
judy889·2017-07-13 17:21

详解React-Native解决键盘遮挡问题（Keyboard遮挡问题）

本文介绍了React-Native键盘遮挡问题，分享给大家在开发中经常遇到需要输入的地方，RN给我们提过的TextInput虽然好用，可惜并没有处理遮挡问题。
苏小败在路上·2017-07-13 15:28

react-native ListView bug解决办法

昨天实现ListView加载图片时，出现了一个坑爹的问题，数据源如果在类里声明好，加载无问题，但是用网络请求获取数据后，界面显示图片不全。显示没问题时的数据源constdata=[{url:'https://avatars2.githubusercontent.com/u/7970947?v=3&s=460'},{url:'https://avatars2.githubusercontent.co
sybil052·2017-07-13 13:07

RN-ES5 ES6写法对比

CommonJS标准，使用requirevarReact=require('react');var{Component,PropTypes)=React;varReactNative=require('react-native
hliccy·2017-07-13 11:46

android 端集成react native

reactnative开发环境搭建这里就不多讲了，开发环境搭建直接看这里下面来看看android端搭建react-native开发环境：在项目的根目录中运行，在应用中添加react-native环境代码
我弟是个程序员·2017-07-13 09:58

react-navigation路由篇之StackRouter

react-navigation的基础认识：react-navigation是官方正在推的导航，但是没有放入到react-native包中，而是单独开了一个库，它的核心概念是Router，Router的概念图如下所示
羽纱·2017-07-12 18:03
上一页 115 116 117 118 119 120 121 122 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他