React-native

Airbnb放弃React-Native博客译文（二）

原文地址：https://medium.com/airbnb-engineering/react-native-at-airbnb-the-technology-dafd0b43838ReactNativeatAirbnb:TheTechnologyThisisthesecondinaseriesofblogpostsinwhichweoutlineourexperiencewithReactNa
莫寂岚·2018-06-22 16:25

rn基础教程

基础环境安装node.安装react-native命令行工具npminstall-gyarnreact-native-cli安装watchman,brewinstallwatchmanHomebrew安装
一wei渡江·2018-06-22 15:05

react-native导航栏react-navigation

学习交流：https://gitee.com/potato512/Learn_ReactNativereact-native学习交流QQ群：806870562react-native使用react-navigation（https://reactnavigation.org/）进行导航功能开发。效果图使用安装react-navigation这个包，在终端使用如下命令（需要在项目项目中执行）：方法1
番薯大佬·2018-06-21 16:08

react-native开发工具Atom

学习交流：https://gitee.com/potato512/Learn_ReactNativereact-native学习交流QQ群：806870562Atom：https://atom.io/Atom插件：https://atom.io/packageshttps://nuclide.io/docs/quick-start/getting-started/其他插件：（1）浏览器浏览功能：o
番薯大佬·2018-06-20 12:54

react-native 的状态栏

其实对于react-native来说，官方自带的StatusBar已经足够使用了。iOS系统的状态栏是比较好设置的，Android4.4之后才能支持对状态栏的适配。
金樽明月·2018-06-19 21:29

状态机变量、成员变量、静态变量、静态函数 的写法

importReact,{Component}from'react';import{Platform,StyleSheet,View,Text,TextInput,PixelRatio,}from'react-native
villen_t·2018-06-19 16:15

如何查看、管理npm模块--react-native为例

所以我们首先要知道当前使用的React-Native的版本是多
daydaydream·2018-06-18 23:14

从0到1打造一款react-native App(三)Camera

关联文章从0到1打造一款react-nativeApp(一)环境配置从0到1打造一款react-nativeApp(二)Navigation+Redux项目地址：https://github.com/jiwenjiang...拍照（摄像）需求拍照的主要需求是在拍照后，不将照片在系统相册中显示出来，android拍照后会默认存储在DCIM文件夹当中，而这次主要需要做的就是把照片放在自定义的文件夹当中
j_bleach·2018-06-18 00:00

React-Native之引导页跳转到主页

1：目录2：App.js页import{AppStackNavigator}from"./navigations/AppNavigators";exportdefaultAppStackNavigator;3：AppTabNavigators.js（导航页）importReactfrom'react';import{createStackNavigator,createTabNavigator,c
蓝莓味的鱼.·2018-06-17 14:34

从0到1打造一款react-native App(二)Navigation+Redux

前言很久没写东西了，发现时间过的真快。之前想学习下RN，但是由于自己的懒惰挖了个坑，最近正好公司开了RN的项目，我也把很久以前挖的坑填一下！新开的这个项目只有我一个人搞，之前没做过RN，这次正好可以边做边学，还是很开心的，享受这种探索的过程。开始！App环境搭建好之后，就开始开发了。还是先大致介绍下这个小项目，这次主要大致会完成以下几个功能：摄像头相关（二维码扫描，拍照摄像等等，类似微信拍照，但是
j_bleach·2018-06-16 00:00

第二个 React Native 项目（React Native 打印 log 日志输出）

Component}from'react';import{AppRegistry,Platform,StyleSheet,View,Text,Image,Dimensions,PixelRatio,}from'react-native
villen_t·2018-06-15 14:27

react-native android状态栏的实现

react-native开发App的时候难免会遇到状态栏的，背景颜色和字体颜色与App内容页面，色调适配，间言之就是将状态栏颜色与App颜色一致，使用户界面更加整体。
Undo_03·2018-06-15 14:41

React-Native 之 图片加载 Image

最近初探React-Native，开始写一点自己的心得，今天第一天，跟大家介绍一个最最最简单的小控件。
JeffreyGaofei·2018-06-14 16:40

react-native模拟机调试步骤详解 ——亲测有效！！！！

进入到初始化项目的目录,打开cmd命令,运行adbconnect127.0.0.1:62001链接模拟器2链接完成之后,运行安装react-native项目!
dengla6847·2018-06-14 16:00

React-Native 一、Navagation导航

react-native上篇文章给大家介绍了搭建React-Native的流程,如果没有看的或者React-Native环境没有搭建的,可以看下我的上一篇文章React-Native环境搭建,搭建好了,
直男程序员·2018-06-14 09:26

React-redux 学习

React-Redux学习react-native的数据传递是父类传递给子类，子类通过this.props.
UserNamezhangxi·2018-06-13 23:56

react-native学习笔记---Mac环境WebStorm相关配置

做了几年的iOS开发，最近得空研究学习一下react-native，以后研究的方向也是react-native和iOS原生APP的结合。
原谅我这一生放纵不羁笑点低·2018-06-13 18:53

react-native学习——SVN管理项目源码

学习交流：https://gitee.com/potato512/Learn_ReactNativereact-native学习交流QQ群：806870562使用svn管理跨平台开发源码时，有些文件可以设置成忽略文件无须上传。1、.watchmanconfig（路径：项目名称-.watchmanconfig）2、yarn.lock（路径：项目名称-yarn.lock）3、node_modules目
番薯大佬·2018-06-12 15:19

react native 手势相关

背景："react":"16.3.1","react-native":"0.55.2",手势参考资料官方：https://facebook.github.io/react-native/docs/gesture-responder-system.htmlhttps
ye_evan_ye·2018-06-12 14:08

iOS端React Native差异化增量更新的实现方法

前言作为一名iOS原生开发工程师，通过一个礼拜的面试之后发现，原来并不想学的react-native真的是火的一塌糊涂，坐标：杭州，很多公司招聘iOS开发除了原来的OC和Swift，多了一门新语言：react-native
大白米饭·2018-06-12 08:49

RN使用setNativeProps渲染

在React-Native里面，如果要改变组件的样式可以通过state或者props来做到。
知道分子·2018-06-11 15:21

react-native 第三方插件

1、react-navigation导航组件参考链接：https://www.jianshu.com/p/2f575cc35780https://blog.csdn.net/u013718120/article/details/723576982、native-base自定义样式参考链接：http://docs.nativebase.io/Components.html#Components2.1
Lee 酱·2018-06-11 14:49

移动端开发-react-native

我为何会想到移动开发？谁知道呢，或许就是忽然之间的感觉吧。npminstall-gcreate-react-native-appnpminstall-greact-native-clinpminstall-greact-native-scripts使用create-react-native-app创建应用npminstallnpmstart原始值 kern.maxfiles:12288 kern.
叶常落·2018-06-11 00:00

Android 弹性布局 FlexboxLayout了解一下

Flex是FlexibleBox的缩写，意为「弹性布局」，在前端css样式中应用甚为广泛，之前做过React-Native和微信小程
程序猿tx·2018-06-10 17:48

Android 弹性布局 FlexboxLayout了解一下

Flex是FlexibleBox的缩写，意为「弹性布局」，在前端css样式中应用甚为广泛，之前做过React-Native和微信小程序，页面布局大多使用flex弹性布
程序猿tx·2018-06-10 00:00

React-Native 环境搭建

一.简简介对，你没有看错就是简简介，因为一句话概括，我想说的是，ReactNative开发的APP不是webAPP还是原生APP，不过是通过js可以和原生组件库结合。二、搭建Android开发环境因为本人是做Androi的，也没有mac电脑，所以这里只讲解Android开发环境的搭建安装nodejs，python（版本为2，不要高于3）然后安装ReactNative的命令行工具：npminstal
黄林晴·2018-06-09 16:03

React-Native之swiper(轮播组件)

SwiperimportSwiperfrom‘react-native-swiper’;代码：importReact,{Component}from'react'import{StyleSheet,Text,View}from'react-native'importSwiper
___Alive___·2018-06-08 19:52

react-native入门[三]

js中让字符串中特定字符红色显示:vars="暖";varreg=newRegExp("("+s+")","g");varstr="CSDN暖枫无敌，暖枫无敌CSDN";varnewstr=str.replace(reg,"$1");document.write(newstr+"");javascript中判断变量是数组还是对象(array还是object):http://www.jb51.net
寒雪无痕·2018-06-07 21:30

react-native入门[二]

箭头函数(Lambda)：[表示符=>表达式]，参照箭头函数ArrowFunctionsjavaScript中有一个有趣的特性，无论何时，当你需要一个函数时，你都可以在想添加的地方输入这个函数。举个例子，假设你尝试告诉浏览器用户点击一个特定按钮后的行为，你会这样写：$("#confetti-btn").click();jQuery的.click()方法接受一个参数：参数为一个函数。没问题，你可以在
寒雪无痕·2018-06-07 21:42

react-native入门[一]

ReactNative采用的开发语言是JavaScript，符合ECMAScript语法规范。ECMAScript和JavaScript关系：ECMAScript是一个国际通过的标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为：ECMAScript是JavaScript的语言规范，JavaScript是ECMAScript的实现和扩展。javasc
寒雪无痕·2018-06-07 19:49

React-native 爬坑记录

近年来react-native火爆，原生的已经没有以前那么吃香了。所以赶紧入手学习，没想到一上来就各种红屏白屏。。。
prince70·2018-06-07 18:57

react-native开发中错误SDK location not found

react-native开发中错误SDKlocationnotfound遇到的问题：ScanningfoldersforsymlinksinD:\souece_space\rn\FirstPro\node_modules
彦辰渊·2018-06-07 15:57

react-native中flexDirection、justifyContent、alignItems的简单使用

flexDirection在组件的style中指定flexDirection可以决定布局的主轴。子元素是应该沿着水平轴(row)方向排列，还是沿着竖直轴(column)方向排列呢？默认值是竖直轴(column)方向。justifyContent在组件的style中指定justifyContent可以决定其子元素沿着主轴的排列方式。子元素对应的这些可选项有：flex-start、center、fle
如风而行·2018-06-07 15:22

Flutter尝鲜：跨平台移动应用开发

随着移动App开发成本越来越高，近几年，移动跨平台开发的呼声层出不穷，如FaceBook的推出React-Native，大受欢迎，但其性能并不如人意。
开发的猫·2018-06-07 10:07

第一次react-native项目实践要点总结

今天完成了我的第一个react-native项目的封包，当然其间各种环境各种坑，同时，成就感也是满满的。这里总结一下使用react-native的一些入门级重要点（不涉及环境）。
爱编码的coder·2018-06-07 00:00

react-native使用脚本启动android模拟器(macos)

我们在开发react-native的时候，需要先启动安卓模拟器，然后执行npmstart启动编译。
原罪·2018-06-06 00:00

React-Native 填坑记录

最近在弄一个app的框架的调研，小公司，希望的学习成本低的框架，最后选择react-native。框架很厉害：Facebook开源，这个框架的家世还是可以的。兼容android，ios。
一直往前不要停·2018-06-04 17:06

react-native link 报错

react-nativelink（0.50版本后）rnpm-installinfoLinkingreact-native-pickeriosdependencyrnpm-installERR!Somethingwentwrongwhilelinking.Error:Cannotreadproperty'match'ofundefinedPleasefileanissuehere:https://g
id_confidence·2018-06-04 11:03

react-native android 初始化问题

最近开始接触rn,官方起手，装了一堆工具，然后启动项目的时候出现了一堆问题，这里针对我遇到的一些问题提供一些解决方案。本人开发环境mac，在启动ios的时候没啥大问题，可以直接启动，这里提示一点，因为可能会启动多个，所以可以在启动的时候指定端口，防止冲突react-nativerun-ios--port=xxxx但是在启动安卓的时候出现了一堆问题，一开始使用命令react-nativerun-an
Stevenzwzhai·2018-06-04 10:59

react native 自己动手写日历控件

importReact,{Component}from'react'import{StyleSheet,View,ScrollView,TouchableOpacity,Text,Dimensions}from'react-native'importmomentfrom'moment'con
tomorrow_chen·2018-06-04 09:04

react-native-vector-icons（android）的安装与使用

第一步：在react-native工程目录下通过npm安装react-native-vector-iconsnpminstallreact-native-vector-icons--save第二步：分别为
潇遥快乐·2018-06-03 11:52

React-Native之错误: 找不到或无法加载主类 org.gradle.wrapper.GradleWrapperMain

错误信息：D:\project\React\ReactNative\FirstApp>react-nativerun-androidScanningfoldersforsymlinksinD:\project\React\ReactNative\FirstApp\node_modules(21ms)StartingJSserver...Buildingandinstallingtheapponth
蓝莓味的鱼.·2018-06-01 17:38

RN精进笔记（三）集成篇

React-Native研究文档AtOfficereact-native热部署技术必然普及到各个app模块中，无论是集成到现有app中，还是成为一项与H5共存的技术，对于前端开发人员来说，该技术必须掌握
采香行处蹙连钱·2018-06-01 11:19

react-native 第三方优秀样式库及组件

1.NativeBase2.react-natvie-elements3.antd(蚂蚁UI体系)
杭拼小何·2018-05-31 16:26

【搭建react-native项目框架】7.自定义头部导航

此节用到了第三方路由react-native-router-flux，关于集成路由请移步《【搭建react-native项目框架】3.集成第三方路由和tab页》。
Afresh_Kedou·2018-05-29 15:12

【搭建react-native项目框架】6.Toast吐司，消息提示

在移动端，Toast方式提示消息更为普遍。1.安装插件react-native-easy-toastgithub地址：https://github.com/crazycodeboy/react-native-easy-toast中文文档：https://github.com/crazycodeboy/react-native-easy-toast/blob/master/README.zh.md$
Afresh_Kedou·2018-05-29 11:04

【搭建react-native项目框架】5.耗时代码处理，Loading加载动画

我们经常需要执行耗时较长的代码。为了良好的用户体验，我们在异步处理耗时代码时，采用Loading加载动画的形式来等待处理。这里参考了《ReactnativeModel组件的使用》。1.在components下新建loading.js文件，如下/***调用说明：*{this.Loading=r}}hide={true}/>//放在布局的最后即可*在需要显示的地方调用this.Loading.show
Afresh_Kedou·2018-05-29 10:49

【搭建react-native项目框架】4.自定义TabBar中间按钮，实现播放时旋转动画

关于如何集成TabBar，请看上一节《【搭建react-native项目框架】3.集成第三方路由和tab页》本节只讲解如何自定义TabBar的中间按钮，以及播放时旋转动画的实现。
Afresh_Kedou·2018-05-28 17:56

React-Native小知识 set,map数据结构和for...of遍历

Set新的数据解构，成员值是唯一的//不能添加相同的值vars=newSet();[2,3,5,4,5,2,2].map(x=>s.add(x));for(letiofs){console.log(i);}//2354//去除相同的值varset=newSet([1,2,3,4,4]);[...set]//[1,2,3,4]Set实例的属性和方法实例的属性Set.prototype.constru
爱上火烧的小毛驴·2018-05-27 16:19

React-Native小知识 es6 javascript的map数据类型转换

(1）Map转为数组前面已经提过，Map转为数组最方便的方法，就是使用扩展运算符（...）。letmyMap=newMap().set(true,7).set({foo:3},['abc']);[...myMap]//[[true,7],[{foo:3},['abc']]](2）数组转为Map将数组转入Map构造函数，就可以转为Map。newMap([[true,7],[{foo:3},['abc
爱上火烧的小毛驴·2018-05-27 16:08
上一页 108 109 110 111 112 113 114 115 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他