React-native

第七章、 ReactNative与原生之间的接口交互

ReactNative与原生之间的接口交互React与Native交互官网https://facebook.github.io/react-native/docs/native-modules-android.html
无枝可依·2017-09-26 10:22

react-native之远程图片修改后APP不更新

在react-native中，显示图片是用的自带的Image组件，大家都知道react在更新组件之前都会判断props或state是否有改变，当有改变时才会更新，否则不会刷新页面。
lixiaoyu1223·2017-09-22 20:37

React Native 错误 Module does not exist in the module map

app/pages/App.js`:Moduledoesnotexistinthemodulemap\n\nThismightberelatedtohttps://github.com/facebook/react-native
D调的忧伤·2017-09-21 19:07

react-native 0.43 后如何使用自己的OkHttpClient

在使用react-native的时候，有时候我们需要使用自己定义的OkHttpClient。
liujinhua1992·2017-09-21 17:23

【干货技术贴】之-mac下如何安装WebStorm + 破解

转自:http://www.jianshu.com/p/492309c60348写在前面之前公司不忙的时候，用闲暇功夫想学习React-Native苦于找不到一款好的代码编辑器，在广泛搜索以后，发现最适合的就是网页代码编辑器
fscyj1·2017-09-21 13:20

React-Native左右联动List的示例代码

一：左右联动List,在工作中很常见。今天分享一个同事写的例子，本人只做了简单修改。注意：本例子必须修改源码，参考本文第三条。二：CodingParcelPage.js:importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View,FlatList,SectionList,Dimensions,Touchabl
Time_情书·2017-09-21 10:57

react-native-splash-screen集成实践（ios & android）

react-native在启动的时候会有瞬间的白屏出现，ios白屏时间会很短，安卓要相对长一些，大概1-3s时间。这是react-native的工作机制决定的。
墨子攻城·2017-09-20 01:42

react-native react 中的bind(this)

bind的概念bind是javascript函数中常用的一个功能。bind()方法创建一个新的函数,当被调用时，将其this关键字设置为提供的值，在调用新函数时，在任何提供之前提供一个给定的参数序列。以下是bind最简单的用法：this.x=9;varmodule={x:81,getX:function(){returnthis.x;}};module.getX();//返回81varretrie
Transcendental·2017-09-19 00:40

去哪儿网迷你React的研发心得

去哪儿网迷你React是年初立项的新作品，在这前，去哪儿网已经深耕多年，拥有QRN（react-native的公司制定版），HY（基于React的hybird方案），yo(基于React的移动UI库)，
司徒正美·2017-09-19 00:00

WebStorm的配置和运行项目

最近在学习react-native，所以决定使用WebStorm，以此文章来对WebStorm的下载，破解，配置和项目运行进行记录。
小唯_learn·2017-09-18 14:06

iOS 博客

利炳根Travis.Wang玉令天下的博客Limboy土土哥fir.imobjc中国2016年swift大会中文版Apple官方Swift教程《TheSwiftProgrammingLanguage》React-Native
xukuangbo_·2017-09-18 11:58

iOS 博客

利炳根Travis.Wang玉令天下的博客Limboy土土哥fir.imobjc中国2016年swift大会中文版Apple官方Swift教程《TheSwiftProgrammingLanguage》React-Native
xukuangbo_·2017-09-18 11:58

React-Native使用Mobx实现购物车功能

本文实现基于React-Native和Mobx实现两种购物车例子。其中，后期会加入动画等其他。本期先实现基础功能。
Time_情书·2017-09-14 10:18

react-native DatePicker日期选择组件的实现代码

本教程的实现效果如下:为了实现其淡入/淡出的覆盖效果,还有取消按钮,在此用了一个三方的组件,大家可以先安装一下:三方组件的地址:https://github.com/eyaleizenberg/react-native-custom-action-sheet(可以看看,也可以直接按我的步骤走)1.在terminal的该工程目录下运行:npminstallreact-native-custom-ac
Agent_Skye·2017-09-12 14:13

手机分辨率适配

'usestrict';import{Dimensions,PixelRatio,}from'react-native';exportconstdeviceWidth=Dimensions.get('window
伦家这么萌·2017-09-12 14:46

翻译 | Thingking in Redux（如果你只了解MVC）

经过一番讨论，我们最终做出的决定是：React-Native。学习一门新的“语言”或者框架并不是个大问题，但是老兄我得告诉你，React-Native和Redu
iKcamp·2017-09-12 00:00

React Native 点击软键盘消失按钮后，点击按钮需要点击两次

解决的办法就是，监听软键盘的消失方法，然后在消失方法里面，再一次调用软键盘消失方法：import{Keyboard,TextInput}from'react-native';componentWillMount
雨飞飞雨·2017-09-11 17:06

react-native 完整实现登录功能的示例代码

demo下载：react-native完整实现登录功能后台如果是springmvc实现的需要配置上如下代码1.实现的界面2.完整目录3.主界面的代码实现importReact,{Component}from'react
mangues·2017-09-11 14:51

ReactNative中SectionList实现条目GridView效果

react-native版本：0.48;开发环境win10+VScode;目标平台：安卓(暂时没有适配苹果);最后更新时间：2017.09.11;本文我又把编辑器改成MD重新发布了，建议浏览新地址http
冯涛_简书·2017-09-09 18:23

React-Native中禁用Navigator手势返回的示例代码

在React-Native开发中，经常会用到导航。导航做什么用的呢，简单点说就是页面跳转。个项目中，肯定有很多的页面要跳来跳去的，RN就给我们提供了Navigator组件，可以很好的管理页面的跳转。
苏小败在路上·2017-09-09 09:45

react-native使用react-navigation进行页面跳转导航的示例

首先要确认已经配置好react-native的环境。
新兰永恒K·2017-09-07 11:25

React Native 如何运行打包.jsx文件

描述了如何让RN运行打包.jsx文件，copy一份作为记录，源博客链接：http://www.cnblogs.com/Grart/p/5033281.html1.项目主文件夹\node_modules\react-native
cy22201222·2017-09-07 09:27

react-native踩过的坑

包管理添加新的第三方包总会遇到各种问题，不是版本不对就是运行不起来，记录下遇到的问题：Error:Cannotfindmodule‘xxx’module.js:340throwerr;^Error:Cannotfindmodule'xxx'这个问题若不是没引用包就是需要关联下依赖：npminstall-dMainApplication.java:5:错误:程序包xxx.xxx.xx不存在如果这个找
Mr键·2017-09-04 14:37

React-Native中props具体使用详解

props就是属性，是为了描述一个组件的特征而存在的。它是父组件传递给子组件的。使用props通过上一个页面传递新建一个PropsTest.js文件exprotdefaultclassPropsTestextendesComponent{render(){return{this.props.name}}}在上一个页面中使用PropsTest组件importPropsTestfrom'./Props
秋名山车神·2017-09-04 08:05

翻译 | 从 ReactJS 到 React-Native—两者的主要差异是什么？

React-Native已经诞生有两年左右了，自从适配了Android平台，能构建跨平台移动App开始，这套框架变得更有意思了。
iKcamp·2017-09-04 00:00

React-Native 常用命令- 给Android开发者的React Native教程 二

导语：写过第一个ReactNative应用后我们知道，ReactNative的创建使用的是react-nativeinitAwesomeProject命令，运行时的命令是react-Nativerun-android。ReactNative还有其他什么命令吗，这一篇文章是对命令的总结。ReactNative在开发过程中经常用到的命令如下：1.启动ReactNative服务,在运行项目时启动服务使客
wenju_song·2017-09-03 16:08

ReactNative源码篇：渲染原理

文章目录：https://github.com/guoxiaoxing/react-native/blob/master/README.md本篇系列文章主
郭孝星·2017-09-02 15:52

React Native中的属性与变量[二]

那么这一篇我们来看一下属性以及变量属性当然，学习还是跟着demo学习，首先来第一个demoimportReact,{Component}from'react';import{AppRegistry,Image}from'react-native
绝望的涮羊肉·2017-08-30 19:45

React-Native 常用第三方 开源库（收藏、参考）

1.Toast:https://github.com/magicismight/react-native-root-toast2.图标的使用:https://github.com/oblador/react-native-vector-icons3.选择照片:https://github.com/lwansbrough/react-native-camera4.二级菜单:https://githu
huchengo·2017-08-30 17:21

react-native面试题

声明：题目是群里面看到的，并不完全。答案自己手撸1、下面打印出b的值是？if(true){letb=2}alert(b).let不存在变量提升，且作用域只在代码块，输出undefined2、constname='jack';constage=20;constperson={[name]:true,[age]:true}.person对象的两个key分别是什么对象的key只能是字符串，'jack'和
Keep_Moving31038·2017-08-30 09:26

react-native ScrollView触摸与滚动事件

ScrollView是我们常用的组件之一，因此搞清楚它的触摸与滚动事件十分重要！1.在ScrollView里面轻触一下（1）onStartShouldSetResponderCapture这个属性接收一个回调函数，函数原型是function(evt):bool，在触摸事件开始（touchDown）的时候，RN容器组件会回调此函数，询问组件是否要劫持事件响应者设置，自己接收事件处理，如果返回true
神奇的小猴子·2017-08-29 16:17

react-native几个问题追查原因

1、原生端导出模块方法到js，怎么没有区分静态方法和对象方法？怎么导出单例对象？追查：原生端导出的模块会添加到一个配置表中间。通过断点，发现程序启动时就会遍历该模块，将必须的模块以同步的方式在主线程依次初始化完毕，也就是说程序启动时就将所有导出模块的对象创建好了，并且只有一个对象，所有的导出模块都是单例对象。以下是程序启动时，模块初始化方法的调用顺序图第一张图第二张图2、PureComponent
请叫我啊亮·2017-08-29 10:36

二.React Native语法：Props和State

属性)：继承系统组件的属性（内部属性）直接上代码学习与讲解如下代码所示：importReact,{Component}from'react';import{AppRegistry,Image}from'react-native
小白哥有话说·2017-08-27 17:09

[React-Native]babel-preset-react-native报错

错误环境新版本存在不兼容，在运行react-nativerun-android[备注：红色的字体是小写的哦]的时候，发生的错误分析：$react-native-v:react-native-cli:2.0.1react-native:0.47.1$node-v:v7.8.0$npm-v:4.4.4babel-preset-react-nativeversion:@3.0.0存在问题，需要版本回退解
德山_·2017-08-25 11:26

React Native用fetch获取Json数据的问题

由于是简单的实现一下，就采用官方提供的例子里面的url(https://facebook.github.io/react-native/movies.json){"title":"Th
AmazingUU·2017-08-24 23:05

探究react-native 源码的图片缓存问题

本文为xcode模拟器测试，rn版本0.44.3突然想学习下RN是如何封装ios中的UIImage的，看着看着发现图片的缓存问题是个坑。。。先看js端图片使用的三种方式，依次排序1、2、3//1、加载远程图片//2、加载xcode中图片//3、加载js中图片1、2必须设置图片宽高，3不需设置。对应的ios原生端文件是RCTImageViewManager，暴露的属性RCT_REMAP_VIEW_P
请叫我啊亮·2017-08-24 15:10

react-native技术的优劣

前言从2017年初开始到现在，使用React-Native做项目已经一年了。我们做的是一款IM软件，嵌入在一个手机游戏平台的工程内部。
Eric_LG·2017-08-23 16:00

react-native常用插件总结

插件名称插件功能对应GitHub的插件地址UI组件vector-icons矢量图标https://github.com/oblador/react-native-vector-iconscircular-progress环形进度条https://github.com/bgryszko/react-native-circular-progresspopup-menupopup-menuhttps:/
街角仰望·2017-08-22 17:28

React Native 如何做轮播图 react-native-swiper

欢迎各位同学加入：React-Native群：397885169大前端群：544587175大神超多，热情无私帮助解决各种问题。
aa3214567·2017-08-22 16:13

ios原生和react-native各种交互的示例代码

需求：让一个表格视图中的cell能左滑删除，效果图如下：目前RN中的ListView主要问题是复用，以及其他一些细节如索引视图、左滑删除、编辑等，要想在RN上自定义实现原生的这种效果尚有一定的问题，在必要时可以考虑使用原生的UITableView，数据从RN端传递1、原生端编写表格控制器NativeTableViewController，暴露的属性如下datas为表格数据源，另外一个为需要暴露给R
请叫我啊亮·2017-08-22 09:28

react-native导入他人项目

把自己的项目拷给别人运行,总是遇到各式各样的问题.总结一下导入react-native项目的步骤(ubuntu环境下):1.拿到完整的项目后,cd到项目根目录执行rm-rfnode_modules2.执行
甄世斗·2017-08-21 19:20

ReactNative——集成RN到原生应用

2.安装react-native组件。3.在原生app中初始化rn组件部分。4.编译、运行调试程序。下面详细步骤：开发环境准备首先按照开发环境搭建教程来安装ReactNative在安卓平台上所需
CodingForAndroid·2017-08-20 01:36

hexo基于github搭建自己博客

最近真的是有点懈怠了，隔了这么久才开始第二篇，最近在王老师的要求下开始做react-native做为一个刚开始了解react的新人来说，各种坑呀！
tiakia·2017-08-19 11:08

详解react-native在windows下的环境搭建及存在的那些坑

对于想了解学习react-native的新手来说，如何搭建react-native运行环境是个头疼的问题，看了很多文章，但是老是在搭建的过程中遇见一些操蛋的问题，让人头疼不已。
十里夜·2017-08-19 00:45

react native 监听事件

创建一个类定义一个方法importReact,{Component}from'react';import{DeviceEventEmitter}from'react-native';exportdefaultclassreceiveRestToLoginextendsComponent
FFF_Wang·2017-08-18 10:24

react-native坑

在我将react-native的版本更新到0.47.0后再运行APP出现如下错误。
maoxian007·2017-08-17 19:24

react-native组件(6)--(react-native-qrcode)

}from'react'importQRCodefrom'react-native-qrcode';import{AppRegistry,StyleSheet,View,TextInput}from'react-native
吃肉666·2017-08-17 10:12

react-native插件

本文主要介绍：react-native项目如何编写插件参考文档：1.原生模块：http://reactnative.cn/docs/0.47/native-modules-android.html#content2
崔夫子吃葡萄·2017-08-15 15:10

react-navigation实现页面框架

react-nativeinitpage_frameworkpage.json{"name":"page_framework","version":"0.0.1","private":true,"scripts":{"start":"nodenode_modules/react-native
evanywang·2017-08-15 13:09

ios原生和react-native各种交互

需求：让一个表格视图中的cell能左滑删除，效果图如下：目前RN中的ListView主要问题是复用，以及其他一些细节如索引视图、左滑删除、编辑等，要想在RN上自定义实现原生的这种效果尚有一定的问题，在必要时可以考虑使用原生的UITableView，数据从RN端传递1、原生端编写表格控制器NativeTableViewController，暴露的属性如下datas为表格数据源，另外一个为需要暴露给R
请叫我啊亮·2017-08-15 11:50
上一页 114 115 116 117 118 119 120 121 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他