React-native

《React-Native系列》5、RN实现弹出选择界面与动画效果

今天做了个弹出框，见文章最后图片所示，弹出的时候从屏幕下方弹入，用户选择后又从下方弹出，同时有遮罩效果。首先，我们是怎么实现弹出框，我这边用的是absolute绝对定位，包括弹层的覆盖，Dialog的绝对位置。Dialog的布局在这儿就不说了，flex-box、盒子模型...那么再来说说动画。参考：RN动画入门Animated1、创建一个Animated.Value 我这里创建了2个，一个是
hsbirenjie·2016-07-20 21:00

《React-Native系列》4、表单界面代码编写

今天就开始投入到RN项目了，做后端出生，写Android和iOS确实有点勉强，不过还是要把这段经历记录下来。要实现的功能界面如下：这个是最简单的Form表单，第一步实现界面吧，不管点击效果，不管筛选控件... 思路：我把这几类控件分为了3类：1、带头像的一行抽取成一个组件2、带输入框TextInput的抽象成一个组件3、带选择项的抽取成一个组件首页直接引用这3个组件首页代码：/** *Sample
hsbirenjie·2016-07-18 22:00

《React-Native系列》3、RN与native交互之Callback、Promise

接着上一篇React-Native系列2、RN与native交互与数据传递，我们接下来研究另外的两种RN与Native交互的机制一、Callback机制首先Calllback是异步的，RN端调用Native
coder_小刀·2016-07-16 23:16

《React-Native系列》3、RN与native交互之Callback、Promise

接着上一篇React-Native系列2、RN与native交互与数据传递 ，我们接下来研究另外的两种RN与Native交互的机制一、Callback机制首先Calllback是异步的，RN端调用Native
hsbirenjie·2016-07-16 23:00

《React-Native系列》2、RN与native交互与数据传递

RN怎么与native交互的呢？下面我们通过一个简单的Demo来实现：RN页面调起Native页面，Native页面选择电话本数据，将数据回传给RN展示。首先是Native侧 1、MainActivity packagecom.rnandroid01; importandroid.content.Intent; importandroid.database.Cursor; importandro
hsbirenjie·2016-07-16 23:00

react-native npm install 时出现的python环境变量缺失的问题

在npm仓库里引用别人的东西时，用npminstall命令，结果出现了如下错误：gypERR!configureerrorgypERR!stackError:Can'tfindPythonexecutable"python",youcansetthePYTHONenvvariable.刚开始胡乱查资料咯，上so，看到一篇帖子来自http://stackoverflow.com/questions/
Rlusia·2016-07-13 22:16

ReactNative学习资源整合

RN学习网站：ReactNative官网：http://facebook.github.io/react-native/ReactNative中文网：http://reactnative.cn/江清清RN
Chevins·2016-07-12 14:56

《React-Native系列》1、初探React-Native

今天又要谈到这个话题，fackbook推出的React-Native以惊人的姿势进入到前端（客户端＋web）开发人员的视野，是App开发模式的里程碑式革新，还只是博人眼球的闹剧。   
hsbirenjie·2016-07-11 23:00

React-Native 与 Android 集成 <三、原理与总结>

原文：腾讯Bugly(http://bugly.qq.com)ReactNative让开发者使用JavaScript和React编写应用，利用相同的核心代码就可以创建基于Web，iOS和Android平台的原生应用。Facebook在2015.9.15发布了ReactNativeforAndroid，把JavaScript开发技术扩展到了Android平台。当前腾讯产品部分介绍：目前ReactNa
Susan8888·2016-07-08 14:00

react-native CodePush

react-nativeAdnroid每一次打包发布的时候一运行就报如下错误这个问题闹腾了我整整一个星期啊！！！！最后我的问题居然是没有配置手一抖，忽略连这一步，导致有些资源文件没有打包进来！！！发布时候出现一下问题后有可能是这个文档没有看好！！！这个坑希望对后来的人有些帮助！！FATALEXCEPTION:mainProcess:com.houkew.zanzan,PID:27236java.l
苏创·2016-07-08 10:42

react-native scrollView 中部分有用事件

在scrollView中有个onScrollprop,可以实时监听滑动事件，配合属性scrollEventThrottle来使用，当scrollEventThrottle属性值设置比较低时，对位置比较敏感，会多次触发onScroll，为了保证onScroll只触发一次可以将scrollEventThrottle值调高些，如scrollEventThrottle={200}，该属性默认为0，可惜sc
lxq0426·2016-07-06 14:50

在已有的项目中引入react native

Prepareyourapp首先在你的app中的build.gradle引入reactnative的jar包compile"com.facebook.react:react-native:+"在项目的build.gradle
子墨_·2016-07-05 14:05

在已有的项目中引入react native

Prepareyourapp首先在你的app中的build.gradle引入reactnative的jar包compile"com.facebook.react:react-native:+"在项目的build.gradle
ElinaVampire·2016-07-05 14:00

ReactNative实现DrawerLayoutAndroid点击侧滑栏展开和关闭，并且加载数据

StyleSheet,Text,View,Image,ListView,ToastAndroid,ToolbarAndroid,DrawerLayoutAndroid,Dimensions,}from'react-native
Lazy1·2016-07-04 20:26

React-Native New Bridge

最新的提交在2016/07/14的时候，c89c25f27d115c1928104b06dbe6eabf005995a6把NewBridge切换成默认的了，测试下来看，已经没有问题了。至于NewBridge和OldBridge的区别，网上并没有太多的资料，还需要从代码层面去了解。从提交记录来看，在2016-05-19的时候，代码里面提交了一份儿新的代码，xreact，提交的log里面写的是『Mov
liyb·2016-07-03 21:26

React Native学习笔记加载电影数据使用listview显示

usestrict';importReact,{AppRegistry,Component,StyleSheet,Text,View,Image,ToastAndroid,ListView,}from'react-native
Lazy1·2016-07-03 14:17

React Native学习笔记-Image

要使用Image这个控件我们需要在最上面引入这个modelimportReact,{AppRegistry,Component,StyleSheet,Text,View,Image//引入}from'react-native
Lazy1·2016-07-03 14:54

React-Native 06/26 ~ 07/02

从提交记录里面看，本周的主要改动如下：发布了0.29-rc版本。这个版本有一个比较大的改动，就是需要在AndroidManifest.xml里面配置android:name=".MainApplication"了。具体的例子可以参考Examples/UIExplorer或者Examples/Movies里面的改动。修复了#7538和#5085的问题，貌似跟Image这个组件有关系AddtheonN
liyb·2016-07-01 17:05

react-native-android之初次相识

但是我还是要学react-native，不要问我为什么,因为我相信一门解决了原生app，开发周期长，开发成本高，升级代价大的语言一定会火，而且react语言看起来那么熟悉，组建式的布局方式，让没有接触过
xiangzhihong8·2016-06-29 22:00

windows 下搭建react-native 环境记录

1先安装nodejs,go:https://nodejs.org,直接下载安装就行了2打开cmd,安装react-native的命令行工具:npminstall-greact-native-cli3完了之后
FastEntity·2016-06-28 14:50

react-native 布局篇之position

position布局position:enum('absolute','relative')。先简单的看一下示例图Snip20160627_1.pngposition:'relative'相对布局。这个和html的position有很大的不同，他的相对布局不是相对于父容器，而是相对于兄弟节点。position:'absolute'绝对布局。这个是相对于父容器进行据对布局。绝对布局是脱离文档流的，不
甘言川·2016-06-27 22:06

react-native 布局篇

react-native布局篇之单位换算(px转dp)react-native布局篇之flexboxreact-native布局篇之positionreact-native获取android的屏幕宽度和高度
甘言川·2016-06-27 22:32

React常用语法测试

语法的小例子'usestrict';importReact,{StyleSheet,Text,View,TextInput,TouchableHighlight,Platform,Component}from'react-native
一亩水塘·2016-06-27 16:04

react-native android环境开发踩坑之旅

我们希望使用安卓模拟器来实现react-native的安卓开发，按照官网的教程对环境进行了配置：http://reactnative.cn/docs/0.27/getting-started.html但是步骤进行到
有节操的程序员·2016-06-24 10:26

react-native 版本更新

和最新的版本升级react-native-clinpmupdate-greact-native-cli修改package.json"dependencies":{"react":"^15.0.2","react-native
B1ngx·2016-06-22 10:52

安卓实战开发之SQLite从简单使用crud

前言最近项目忙，然后呢很久没有更新博客了，react-native也是没有时间学习，然后项目里面用到了数据持久化（数据存储），Android系统中主要提供了三种数据持久化方式：文件存储、SharedPreference
u013278099·2016-06-19 15:00

Windows下使用AndroidStudio+ReactNative开发Android应用

2、安装react-native1)直接使用npm安装在cmd命令工具中执行以下命令，注意并非installreact-native，装了react-native在后面init项目的时候会报错，需要卸掉再
asmcvc·2016-06-15 17:44

Swift学习第十二枪----移动数据库王者Realm入门教程

分别是Java，ObjectiveC，Swift，React-Native，t
u010046908·2016-06-11 14:00

React-Native 控件ViewPagerAndroid

/**SampleReactNativeApphttps://github.com/facebook/react-native@flow感谢东方耀老师：http://bbs.reactnative.cn/user/%E4%B8%9C%E6%96%B9%E8%80%80*/importReact,{Component}from'react';import{AppRegistry,StyleSheet
小张呵呵·2016-06-11 10:36

React Naitve Android增加本地图片

index.android.js中引入：环境：react版本：15.0.2react-nativeb版本：0.26.2react-native-cli版本：0.2.0 打开\node_modules\react-native
Alec-Yin·2016-06-08 16:00

【REACT NATIVE 系列教程之十三】利用LISTVIEW与TEXTINPUT制作聊天/对话框&&获取组件实例常用的两种方式

本站文章均为李华明Himi原创,转载务必在明显处注明：转载自【黑米GameDev街区】原文链接:http://www.himigame.com/react-native/2346.html补充说明：一：
HimiScxin·2016-06-07 21:10

react-native 把图片转化base64字符串

1).导入’react-native-fs’importRNFSfrom'react-native-fs';2).通过react-native-fs包中的readFile()获取base64数据_convertImageToBase64(img){if(!img){return;}RNFS.readFile(img.path,'base64').then((content)=>{//content
cockhorseman_z·2016-06-06 16:24

ReactNative环境配置问题

TypeError:Cannotreadproperty'root'ofnull at/Users/wusuowei/Documents/WorkSpace/20160525/Demo/node_modules/react-native
andanlan·2016-06-05 17:00

Unable to resolve module ReactDefaultPerf from

阅读更多package.json信息如下："react":"^15.1.0","react-native":"^0.26.2"运行后报错如下：UnabletoresolvemoduleReactDefaultPerffrom
jsntghf·2016-06-02 13:00

【REACT NATIVE 系列教程之十一】插件的安装、使用与更新(示例:REACT-NATIVE-TAB-NAVIGATOR)

本站文章均为李华明Himi原创,转载务必在明显处注明：转载自【黑米GameDev街区】原文链接:http://www.himigame.com/react-native/2294.html本篇主要来详细介绍如何安装
HimiScxin·2016-06-02 12:40

【REACT NATIVE 系列教程之十】真机运行报错COMMAND /BIN/SH FAILED WITH EXIT CODE 1 的解决方法

本站文章均为李华明Himi原创,转载务必在明显处注明：转载自【黑米GameDev街区】原文链接:http://www.himigame.com/react-native/2315.htmlHimi最近在真机运行遇到
HimiScxin·2016-06-02 12:34

【REACT NATIVE 系列教程之九】REACT NATIVE版本升级步骤与注意事项！

本站文章均为李华明Himi原创,转载务必在明显处注明：转载自【黑米GameDev街区】原文链接:http://www.himigame.com/react-native/2288.html由于ReactNative
HimiScxin·2016-06-02 12:46

【REACT NATIVE 系列教程之八】不使用NAVIGATOR实现切换(页面)场景的两种形式（逻辑与MODAL）

本站文章均为李华明Himi原创,转载务必在明显处注明：转载自【黑米GameDev街区】原文链接:http://www.himigame.com/react-native/2285.html在第五篇中介绍了使用导航
HimiScxin·2016-06-02 12:12

React-native学习（一），windows环境搭建

安装chocolateychocolatey是一个类似于yum，apt-get的包管理工具。@powershell-NoProfile-ExecutionPolicyBypass-Command"iex((new-objectnet.webclient).DownloadString('https://chocolatey.org/install.ps1'))"&&SETPATH=%PATH%;%
失踪的使节·2016-05-30 13:16

React Native之底层源码分析篇

学习React-Native有一段时间了。今天就从源码的角度来分析下React-Native底层的通信机制。了解下底层是如何通信的对开发也有所好处。概要先大概讲一下React-Native的通信过程。
u014486880·2016-05-30 08:00

安卓转战React-Native之签名打包成Apk并极速多渠道打包

react-native直接run-android默认是产生一个debug的版本apk显然这是不符合开发需求的，理由很简单debug版本apk是没有进行代码混淆的这是很危险的，所以我们需要个release
u013278099·2016-05-29 23:00

React-Native系列Android——Javascript文件加载过程分析

React-Native应用程序的内容是由Javascript语言开发的，而Android或者IOS手机系统只是一个容器和各类服务提供者。
MegatronKing·2016-05-29 21:17

React-Native系列Android——Javascript文件加载过程分析

React-Native应用程序的内容是由Javascript语言开发的，而Android或者IOS手机系统只是一个容器和各类服务提供者。
MegatronKings·2016-05-29 21:00

【REACT NATIVE 系列教程之七】统一ANDROID与IOS两个平台的程序入口&&区分平台的组件简介

本站文章均为 李华明Himi 原创,转载务必在明显处注明： 转载自【黑米GameDev街区】原文链接: http://www.himigame.com/react-native/2260.html   
xiaominghimi·2016-05-25 18:02

【REACT NATIVE 系列教程之七】统一ANDROID与IOS两个平台的程序入口&&区分平台的组件简介

本站文章均为李华明Himi原创,转载务必在明显处注明：转载自【黑米GameDev街区】原文链接:http://www.himigame.com/react-native/2260.html本篇介绍两个细节
HimiScxin·2016-05-25 18:02

【REACT NATIVE 系列教程之七】统一ANDROID与IOS两个平台的程序入口&&区分平台的组件简介

本站文章均为 李华明Himi 原创,转载务必在明显处注明： 转载自【黑米GameDev街区】原文链接: http://www.himigame.com/react-native/2260.html   
xiaominghimi·2016-05-25 18:00

【REACT NATIVE 系列教程之六】重写SHOULDCOMPONENTUPDATE指定组件是否进行重绘

本站文章均为李华明Himi原创,转载务必在明显处注明：转载自【黑米GameDev街区】原文链接:http://www.himigame.com/react-native/2252.html前几天，Himi
HimiScxin·2016-05-25 18:03

【REACT NATIVE 系列教程之六】重写SHOULDCOMPONENTUPDATE指定组件是否进行重绘

本站文章均为 李华明Himi 原创,转载务必在明显处注明： 转载自【黑米GameDev街区】原文链接: http://www.himigame.com/react-native/2252.html前几天
xiaominghimi·2016-05-25 18:03

【REACT NATIVE 系列教程之六】重写SHOULDCOMPONENTUPDATE指定组件是否进行重绘

本站文章均为 李华明Himi 原创,转载务必在明显处注明： 转载自【黑米GameDev街区】原文链接: http://www.himigame.com/react-native/2252.html前几天
xiaominghimi·2016-05-25 18:00

安卓转战React-Native之windows下android环境搭建爬坑血泪史

前言最近又有新的项目立项，所以好久都没有写博客了，然后都是利用闲暇时间来学习React-native。
u013278099·2016-05-24 23:00
上一页 124 125 126 127 128 129 130 131 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他