React-native

第一课：利用atom和xcode开发react-native的入门技巧（Mac）

一、开发工具1、atom下载官网：Atom2、xcode下载官网：xcode二、创建一个react-native项目打开terminal输入：cd安装路径（直接将文件夹拖进来）回车后就进入了待安装的目录文件
itsme_web·2017-04-20 12:00

React-Native热更新部署/热更新CodePush集成详解

React-Native热更新参考文档ReactNative热更新部署/热更新-CodePush最新集成总结(新)CodePush简介CodePush是微软提供的一套用于热更新ReactNative和Cordova
IT_luntan·2017-04-19 17:31

React-Native开发中常用的第三方控件持续更新

十一假期已经过去了，今天正式开工了，这里的文章我会持续进行更新，希望为开发的小伙伴们提供点帮助，如果能帮到你们，我就心满意足了。十一假期学习撸了一个小程序，欢迎各位朋友进行关注，代码已经在gitHub上开源：清风天气清风天气2019.8.23更新AccessadditionaldisplaymetricsonAndroiddevices:statusbarheight,softmenubarhei
凌宇之蓝·2017-04-19 15:18

Cordova和React-Native两种框架的对比

Cordova和React-Native是使用Web开发移动端的两大框架。Cordova是Apache旗下的。React-Native是Facebook旗下的在2013年发布的一个前端框架。
风清_云扬·2017-04-18 12:15

React-native FlatList的基本用法

官网FlatList解读FlatList被称为升级版的ListView，在大量数据渲染的时候，不会造成内存飙升，进而具有很好的性能体验，目前还在试水阶段，网络上没有多少“最佳实践”，RN开发是一个不断挖坑填坑的旅途，在这一片泥泞的路上，希望通过一点总结和尝试会变成一块块垫脚石，给这条路添加一点点平坦，为跨平台生态圈增加些许色彩！1.引入FlatList组件import{AppRegistry,St
随遇而安_2750·2017-04-17 17:58

高仿美团客户端 React-Native版，支持iOS、Android

美团客户端视频教程现已推出全套视频教程，从创建工程讲起，一行一行编写代码，直至完成整个项目。腾讯课堂网易课堂Github：https://github.com/huanxsd/MeiTuan：http://www.jianshu.com/p/9211f42d5c25iOS截图iOS_0.pngiOS_1.pngiOS_2.pngAndroid截图Android_0.pngAndroid_1.png
猿类素敌·2017-04-17 15:37

react native 工程创建与集成已有工程总结

2016/09/react-technology-stack.htmlWindows版本搭建安装ReactNative环境配置http://www.lcode.org/史上最详细windows版本搭建安装react-native
jyw935478490·2017-04-17 10:00

分享 50 个完整的 React Native 项目

公众号aMarno，关注后回复RN加入交流群专题《React-Native开发阵营》，欢迎关注和投稿ReactNative优秀开源项目大全：http://www.marno.cn一、前言先更正下，不然又有人要出来打假了
Marno·2017-04-17 09:58

React-Native中使用验证码倒计时的按钮实例代码

开发过程中有获取手机验证码的场景，这时候有这样的要求：1，点击“获取验证码”的按钮，发起获取验证码的网络请求，同时按钮置为不可用2，如果网络请求成功，按钮继续不可用，但按钮上文本改为倒计时((*s)后重新获取)3，如果网络请求失败，按钮置为可用4，倒计时结束，按钮可用直接上代码源码importReact,{PropTypes}from'react';import{View,Text,Touchab
尹_路人·2017-04-17 09:02

一个 react-native 文字跑马灯组件

一个react-native文字跑马灯组件。
CHENGKANG·2017-04-15 00:00

遇到的错误React-Native 'RCTRootView.h' file not found AppDelegate.m

这几天研究React-Native，遇到的错误2.cd到我们该项目的根目录下;1.//执行2.
默默的前行·2017-04-13 17:18

react-native

持续更新中......一套企业级的UI设计语言和React实现。https://mobile.ant.design/index-cnhttps://github.com/ant-design/ant-design-mobileEssentialcross-platformUIcomponentsforReactNativehttps://nativebase.io/对应的Icon：http://i
日不落000·2017-04-13 16:44

Redux源码解析

写在开始本篇主要结合react-native使用redux的过程，说明使用redux的方法和原理，揭秘Redux单向数据流更新的机制原理，适合有一定Redux基础的同学。
素月某某·2017-04-13 00:55

React-Native 与原生的3种交互通信（Android）

写在前面:最近在学习RN时,了解互相通信的问题,RN提供了三种方式.另外自定义ReactContextBaseJavaModule其实也是可以的,但单纯调用某个方法相对使用麻烦,一般用于封装调用.大致分为2种情况：Android主动向JS端传递事件、数据JS端被动向Android询问获取事件、数据方式优点缺点事件方式：RCTDeviceEventEmitter可任意时刻传递，Native主导控制个
qxf5777404·2017-04-12 19:00

React Native 基础篇之 ListView 九宫格实现

/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*/importReact,{Component}from'react
jlhaoran·2017-04-12 14:01

RN实战项目主页(五)

react-native-tab-navigatorimportReact,{Component}from'react';import{Text,Image,View,BackAndroid,Platform,}from'react-native
kimiier·2017-04-12 10:04

ScrollView 组件原生事件onScroll

一些react-native官方提供的组件的事件上，会默认提供原生事件，例如ScrollView组件用于监视组件滚动的onScroll事件，就会提供此原生事件参数。组件： Scroll!
DeepLies·2017-04-11 15:00

React Native 之ScrollView轮播图实现

1.首先如果文件index.android.js或者index.ios.js我这里用的是前者/***SampleReactNativeApp*https://github.com/facebook/react-native
jlhaoran·2017-04-11 15:33

React-native Loading图的正确加载

Loading图适用于网络图片加载失败或者加载过程中的占位图，以下先展示最简单的网络请求占位图：请求的图片地址:constURL='https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=1333472173,1434096058&fm=80&w=179&h=119&img.JPEG';render方法：render(){return(WelcometoReac
随遇而安_2750·2017-04-11 14:03

RN实战项目页面导航和启动页面实现(三)

官网react-navigation;NavigatorRN中文网学习直接看代码/***SampleReactNativeApp*https://github.com/facebook/react-native
kimiier·2017-04-11 11:18

React-native 之 position布局

参考原文：http://www.jianshu.com/p/3699a6e34e50position布局position:enum('absolute','relative')。先简单的看一下示例图position:'relative'相对布局。这个和html的position有很大的不同，他的相对布局不是相对于父容器，而是相对于兄弟节点。position:'absolute'绝对布局。这个是相对
jlhaoran·2017-04-10 18:08

在MAC 上搭建React Native 开发环境

ReactNative官网http://facebook.github.io/react-native/docs/getting-started.html#content中文网站http://reactnative.cn
StarHuiDream·2017-04-10 00:43

React-native mac开发环境配置（二）

react-nativemac开发环境配置(二)官方教程请点击http://reactnative.cn/docs/0.42/getting-started.html一、android+Mac1.安装Homebrew打开终端，输入命令：/usr/bin/ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/mast
itxing·2017-04-09 21:07

iOS 中的web开发（1）--UIWebView

写在前面这篇文章是去年在实习的时候写的，那时候不懂什么React-Native开发，不懂js，然后在一家创业公司干了几个月，虽然现在离开了，但是觉得当时在那里学到了很多，毕竟第一份实习，一周的学习就开始上手开发
DevKyle·2017-04-08 23:51

iOS 中的web开发（1）--UIWebView

写在前面这篇文章是去年在实习的时候写的，那时候不懂什么React-Native开发，不懂js，然后在一家创业公司干了几个月，虽然现在离开了，但是觉得当时在那里学到了很多，毕竟第一份实习，一周的学习就开始上手开发
DevKyle·2017-04-08 23:51

React-Native学习笔记 使用ListView加载网络数据

使用ListView加载网络数据本文采用fecth来进行网络请求的创建一个构造器//js组件的构造函数，js的生命周期 constructor(props){ super(props); //listView数据源 dataSource:newListView.DataSource({ rowHasChanged:function(row1,row2){ returnrow1!==row2 },
a1018875550·2017-04-08 18:00

为React-native选一款得心应手的编译器

相信很多童鞋在配置好RN的各种环境，并且成功运行起来RN应用之后的第一个棘手问题就是用什么编译器来开发RN？（我刚开始也是这种懵逼状态）在我懵逼两分钟之后便开始疯狂的在网上翻找各种方案，大家也是各种建议，其中试过Sublime、WebStorm，后来经对比本人还是觉得webstorm更加好用一些，后来才发现官网也有推荐的编译器——Atom，于是又尝试了Atom发现虽然是官网推荐，但还是不好用。（也
Arongkuaile·2017-04-08 17:33

React-Native真机调试报错

部分机器无法真机调试解决方法1、三星的Note3，自己刷的Android5.1的系统，在真机调试过程中能够正常使用。2、国产的AndroidPDA发现同样的程序无法进行真机调试，错误为：app-debug.apk无法安装到手机中。解决方案：（网上整理）1、miui系统:小米手机设置里-------开发者选项---------启用MIUI优化关闭,并且使用AndroidStudio打开ReactNa
Petel_zhang·2017-04-08 13:57

React-Native 之 项目实战(四)

前言本文有配套视频，可以酌情观看。文中内容因各人理解不同，可能会有所偏差，欢迎朋友们联系我。文中所有内容仅供学习交流之用，不可用于商业用途，如因此引起的相关法律法规责任，与我无关。如文中内容对您造成不便，烦请联系[email protected]处理，谢谢。转载麻烦注明出处，谢谢。本篇资源：链接:https://pan.baidu.com/s/1pKActHh密码:n6ee源码托管到github上，
珍此良辰·2017-04-07 23:31

React-Native 录音, 播放音频

录音官方配置未详细给出,这里写下步骤:1:安装依赖:npminstallreact-native-audio--save自动安装:可以试下,如果不行在按步骤手动配置安装react-nativelinkreact-native-audio2:手动安装:1:android/settings.gradle:+include':react-native-audio'+project(':react-nat
有情怀的程序猿·2017-04-06 17:51

react-native开发踩坑之 ios上react-native-vector-icons 的error：unRecognized font family 'FontAwesome'

RN开发过程中使用了第三方图标库，由于对iOS也不是特别熟，所以搞了两天才跨过去，解决完毕后分享一下，毕竟RN开发资源还是比较稀缺的，多一点贡献是一点。解决问题首先第一步那绝对是官网找，react-native-vector-iconsgithub链接地址iOS配置其实也不太难，里面信息也很好找接下来解释一下，首先看第一步：把node_modules/react-native-vector-ico
shellJ·2017-04-05 22:07

React-Native 之 项目实战(三)

前言本文有配套视频，可以酌情观看。文中内容因各人理解不同，可能会有所偏差，欢迎朋友们联系我。文中所有内容仅供学习交流之用，不可用于商业用途，如因此引起的相关法律法规责任，与我无关。如文中内容对您造成不便，烦请联系[email protected]处理，谢谢。转载麻烦注明出处，谢谢。本篇资源：链接:https://pan.baidu.com/s/1jIbW2n8密码:wqe4从这篇开始我们就将源码托管
珍此良辰·2017-04-01 16:53

React-native + Nodejs打造移动端 + 服务端 + PC端 + Web端全套服务

ReactNative(简称RN)是Facebook开源的跨平台移动应用开发框架，使用Javascript语言，着力于提高多平台开发的开发效率——仅需学习一次，编写任何平台。(Learnonce,writeanywhere)Node.js是一个Javascript运行环境(runtime)。实际上它是对GoogleV8引擎进行了封装。是一个基于ChromeJavaScript运行时建立的平台，用于
Ivor0057·2017-03-30 18:18

React Native 状态栏组件

from'react';import{AppRegistry,StyleSheet,Image,Text,TouchableHighlight,TextInput,StatusBar,View}from'react-native
jlhaoran·2017-03-30 16:10

React Native 之 TextInput组件去掉下划线

/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*/importReact,{Component}from'react
jlhaoran·2017-03-30 15:21

React Native 之 Text居中显示

/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*/importReact,{Component}from'react
jlhaoran·2017-03-30 14:47

React Native 之 Text 文字添加阴影效果

/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*/importReact,{Component}from'react
jlhaoran·2017-03-30 11:42

react-native沉浸式状态栏

该StatusBar状态栏组件用来实现控制应用的状态栏的效果。根据官方文档说明了StatusBar(状态栏)和Navigator(导航器)搭配的用法：StatusBar组件可以同时加载多个组件，该组件的属性可以按照加载的顺序进行合并。一种常见的用法就是:我们可以在使用Navitator的时候，针对不同的路由页面进行设置特殊的状态栏样式。具体可以看一下官方实例代码:?1234567891011121
chanzhu·2017-03-29 18:18

react-native第三方库收藏

ReactNative项目常用第三方组件汇总：React-native-animatable动画react-native-carousel轮播react-native-countdown倒计时react-native-device-info设备信息react-native-fileupload文件上传react-native-icons图标react-native-image-picker图片选择
qq_31136727·2017-03-28 20:58

安装react-native的android应用和打包apk

安装react-native的android1在客户端文件下运行react-nativeinitdonyApp命令生成一个react-native的项目文件夹2连接安卓设备在客户端进入工程目录cddonyapp
donyFeng6·2017-03-28 09:32

react 实现 redux 异步action - web and native, redux同构（1）

最近在公司做了一个webapp用了react和redux然后公司想用react-native重构之前的app，而且要和webapp代码复用（主要是redux代码），界面还是web一套，native一套项目结构问题子模块现在使用的是
yang_j_j·2017-03-28 00:00

Weex加载Android本地图片

阅读更多最近和几个同事想搞一个app项目，但是原生技术储备有限，在技术选择方面遇到一些困难，LZ以前有使用过cordova的经验，但是一直受制于它js展现能力和内存占用过大的弊端，想要尝试一些更新的技术，例如react-native
南疆战士·2017-03-27 23:00

React Native View 组件通过阴影渲染实现组件浮现效果

importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View}from'react-native';exportdefaultclassViewProjectextendsCo
jlhaoran·2017-03-27 14:37

ReactNaivet在Webstore中的配置

设置.js文件中支持react-native语法高亮首先会发现在js文件中有不少的警告，类似这样：这个警告的原因是因为编辑器不知道所引用的这些东西是在哪（不知道源在哪），所
chanzhu·2017-03-25 16:54

React-Native 之 数据持久化

前言因为实战项目系列涉及到数据持久化，这边就来补充一下。如本文有错或理解偏差欢迎联系我，会尽快改正更新！如有什么问题，也可直接通过邮箱[email protected]联系我。demo链接:https://pan.baidu.com/s/1hsspiio密码:dk3h数据持久化数据持久化一直都是软件开发中重要的一个环节，几乎所有的应用都具备这一项功能；那什么是数据持久化呢？——说白了就是数据的本地化
珍此良辰·2017-03-25 14:35

React-Native中屏幕的适配问题

React-Native中屏幕的适配问题接触React-Native快一个多月了，从了解语法到尝试着在项目中写了几个页面，因为项目需要能适应所有的屏幕尺寸，这时候问题就出现了，当你在测试机中调试完成后，
Allenace-·2017-03-21 16:39

(0037) React-Native开发之环境配置步骤和安装使用

参考链接：http://blog.csdn.net/callzjy/article/details/53623124React-Native环境配置步骤和安装使用：(Mac10.12.3)先附上React-Native
shifang07·2017-03-21 15:00

React Native学习

http://godcoder.me/categories/%E6%8A%80%E6%9C%AF%E5%8D%9A%E5%AE%A2/React-Native/   环境配置：ReactNative开发环境配置
sinat_17775997·2017-03-21 09:00

关于React Native 启动packager, 停留在Loading dependency graph, done.的问题

③在CMD中继续输入以下命令：tasklist|findstr"892"，892就是之前的进程ID二.切换react-native端口①application或者主activity中做如下设置importandroid.content.SharedPreferences
houtrry·2017-03-18 13:37

《React-Native系列》45、踩坑记录

记录几个最近在项目中遇到的坑，RN版本使用0.29.2。1、在Android平台上Text标签的lineHeight需要设置成int，否则会crash；在iOS平台上没有问题。如下图：com.facebook.react.bridge.UnexpectedNativeTypeException:TypeError:expecteddynamictype`int64',buthadtype`doub
coder_小刀·2017-03-16 11:37
上一页 118 119 120 121 122 123 124 125 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他