React-native

1. react-native环境搭建

mac相对比较容易，首先安装包管理器brew（强烈推荐，也可手动安装），然后安装nodejs，Xcode7+。windows稍微麻烦，choco可以代替brew，然后安装python2：chocoinstallpython2，然后安装Android环境，推荐AndroidStudio（或者只装androidsdk其实也可以），配置下载adk，打开sdkmanager，下载androidapi版本，
kaenry·2019-11-04 22:06

React-Native基础知识

组件的导出组件的导出使用关键字exportdefault/***UIComponent.js文件*/importReact,{Component}from'react';import{View,StyleSheet}from'react-native
Andy0528·2019-11-04 21:17

react-native 0.54.3版本中可以使用fetch请求blob数据啦！

调试了很久，才发现了最终原因：fetchAPI支持了blob数据请求，于是上个帖子React-Native使用fetch获取二进制数据中的办法自然而然失效了。
NextStack·2019-11-04 15:35

区块链技术（一）：Truffle开发入门

truffle是以太坊（Ethereum）最受欢迎的一个开发框架安装truffle$npminstall-gtruffle依赖环境NodeJS访问https://nodejs.org官方网站下载安装我之前有使用过React-Native
HT_Jonson·2019-11-04 12:52

React-Native SectionList使用

SectionList的简单实用consttitles=[{key:'0',data:['目录一','目录一','目录一','目录一']},{key:'1',data:['目录二']},{key:'2',data:['目录二']}];keyExtractor(item,index){returnitem;}listHeaderComponent(){return();}sectionSeparat
大灰狼的小绵羊哥哥·2019-11-04 09:25

React-Native 新手踩坑(Print: Entry, ":CFBundleIdentifier", Does Not Exist)

RN新手根据官方文档跑GettingStarted的例子，出现以下报错：**BUILDFAILED**Thefollowingbuildcommandsfailed:PhaseScriptExecutionRun\Script/development/misc/react/AwesomeProject/ios/build/Build/Intermediates/React.build/Debug-
埃米莉Emily·2019-11-04 06:43

reactNative-项目开始

基础reacthttp://learn.jser.com/react/react-tutorial.html官方文档http://facebook.github.io/react-native/docs
笨驴爱吃胡萝卜·2019-11-04 05:41

React-Native 实现增量热更新的思路(1)

所谓热更新就是在不重新安装的前提下进行代码和资源的更新，相信在整个宇宙中还不存在觉得热更新不重要的程序猿。增量热更新就更牛逼了，只需要把修改过和新增的代码和资源推送给用户下载即可，增量部分的代码和资源都比较小，所以整个热更新流程可以在用户无感的情况下完成，我已经想不到更好的更新方式可以让我装更大的逼了。一.实现脚本的热更新1.为什么可以热更新简单地说，因为RN是使用脚本语言来编写的，所谓脚本语言就
3z鸿杰Libra·2019-11-04 05:51

Let's React-Native -安装（MacOS）

教程很多尤其以这篇最权威http://facebook.github.io/react-native/docs/getting-started.html简单说下基础工具brewinstallnodebrewinstallwatchman
MrHamster·2019-11-04 04:49

6.windows下react-native打包

安卓打包1.首先在工程目录里执行mkdirandroid\app\src\main\assets这目录是为了存储稍后的离线包；2.使用keytool-genkey-v-keystorepemsReleaseKey.keystore-aliasmy-key-alias-keyalgRSA-keysize2048-validity10000申请一个keyStore；3.设置gradle变量将（2）申请
xiangdong_9013·2019-11-04 04:01

React-Native 之 ListView使用

前言学习本系列内容需要具备一定HTML开发基础，没有基础的朋友可以先转至HTML快速入门(一)学习本人接触ReactNative时间并不是特别长，所以对其中的内容和性质了解可能会有所偏差，在学习中如果有错会及时修改内容，也欢迎万能的朋友们批评指出，谢谢文章第一版出自，如果出现图片或页面显示问题，烦请转至查看也希望喜欢的朋友可以点赞，谢谢更新公告：2017.05.16——根据一些朋友私信我的代码，发
珍此良辰·2019-11-04 01:33

React-native 版本更新

React-native版本升级1.首先到项目里面的package.json,然后在dependencies模块下找到react-native,把里面的版本写成最新的版本。
简翦儋箪·2019-11-03 23:00

React Native 如何使用Ant-design组件库

前言前段时间在做自己的开源react-native项目中使用到了蚂蚁金服的开源组件库：AntDesignMobile，今天咱们就简单介绍下这个组件库如何接入和使用AntDesign官方定义：AntDesign
光强_上海·2019-11-03 21:59

OS 10.12 React-Native服务无法启动

升级OS10.12之后，react-native的本地服务突然不能正常启动了。怀疑是react-native版本问题。
冰凉的橘子·2019-11-03 20:10

React-Native WebView 测量网页高度

React-Native（后面简称RN）在展示某些静态也页面的时候，可能需要使用WebView，WebView可以请求一个网页地址，也可以异步请求HTML文本。
reloadRen·2019-11-03 19:52

三分设计感的纯React-Native项目 Mung

多语言版本React版MungReact-Native版MungFlutter版Mung1.Mung：是一个基于React-Native编写，使用豆瓣开源API开发的一个项目。
mochixuan·2019-11-03 19:13

[React-Native Error]Android

:Strictmodedoesnotallowfunctiondeclarationsinalexicallynestedstatement解决https://github.com/facebook/react-native
laznrbfe·2019-11-03 16:49

React-Native 入门（环境搭建及运行）

一、简介1、React-Native介绍  ReactNative(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架React在原生移动应用平台的衍生产物
hcc007·2019-11-03 16:50

React-native项目集成Rudux框架初阶

推荐阮一峰老师的文章：http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.htmlRN的UI是根据相应组件的state进行render的，而页面又是由大大小小的组件构成，导致每个组件都必须维护自身的一套状态，因此当页面复杂化的时候，管理state会相当吃力的。而redux提供了一套机制来组织管理整个
凌宇之蓝·2019-11-03 14:05

react-native底部导航栏实现

react-native-tab-navigator实现：bottom.js代码如下：importReact,{Component}from'react';import{StyleSheet,View,Text,Image}from'react-native
紫色水杯·2019-11-03 12:00

React-Native之基本语法(二)

React,Componet组件importReact,{compoent}from'react'//2.加载原生组件import{AppRegistry,StyleSheet,View,Text}from'react-native
因幡白兔·2019-11-03 08:43

ios React-Native开发App

最近由于React-Native比较火所以自己想研究一下.1、首先你得搭建React-Native运行环境安装HomeBlew（OS系统上的一个安装包管理器，安装后可以方便后续安装包的安装。）
Dubai·2019-11-03 04:12

ReactNative网络fetch数据并展示在listview中

看完全文并且doit你将收获：fetch获取网络数据的基本用法ListView的基本用法RN中组件的生命周期（有可能）类似的实现其实有很多朋友已经写过了，我也看了几篇类似博客这篇《react-native
LiuZh_·2019-11-03 02:34

RNTester编译的坑

RNTester是Facebook官网提供的demo，极具参考价值，地址如下https://github.com/facebook/react-native不要clone，直接下载zip即可（非常小10M
阿_贵·2019-11-03 00:56

React-Native 之 项目实战(五)

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

4,React Native 之Props(属性)

1,拿图片为例，导入Image，如果需要满屏的话，需导入Dimensionsimport{AppRegistry,StyleSheet,Dimensions，Image,View}from'react-native
SYOL·2019-11-02 23:21

React-Native 解决首页白屏问题

现在app中嵌入RN开发的不在少说,用过RN开发的同学也知道其好处,热更新也都有使用,说起热更新,微软的codepush是首选,但是用了codepush更新之后问题就出来了,首次启动白屏问题就是一大困扰,那么怎么解决呢.1.由于app第一次启动是需要连接codepush服务去下载main.jsbundle文件(iOS工程),那么白屏这部分时间就是下载main文件的时间,那么可以先把main文件放到
萝卜丝巾·2019-11-02 22:12

React-Native 07/24 ~ 08/13

通用的改动v0.31.0版本的发布修复navigationcardstackpanresponder，添加了属性gestureResponseDistance，避免之前固定的默认值30lineBreakMode改名为ellipsizeModeinspectortool可以监控XHR和WebSocket请求的信息FixCSSLayouttoSupportRTLActivityIndicator支持通
liyb·2019-11-02 22:20

React-Native 之index.ios.js解读

在react-native的ios项目中，界面搭建部分是一个js文件：
So_365·2019-11-02 16:26

KeyboardAvoidingScrollView

importReactfrom'react';importReactNativefrom'react-native';const{Keyboard,TextInput,ScrollView,findNodeHandle
mimikiy·2019-11-02 15:30

React-Native 生命周期

01.png实例化=============组件类型首次**实例化时初始化默认props属性，多实例共享getDefaultProps实例化时初始化默认state属性getInitialState在渲染之前触发一次componentWillMount渲染函数，返回DOM结构render在渲染之后触发一次componentDidMount有需要重新渲染（props变更或者setState改变stat
338d708389ae·2019-11-02 13:26

React-Native 初次安装环境报错及解决记录

按照官网教程，安装完node.js，npm，watchman和ReacNative之后，cd到想要创建项目的目录，输入$react-nativeinitHellowWorld创建了第一个文件，打开项目Run之后，模拟器出现红屏报错，terminal也出现各种报错，其中最重要的一条是Watchman:watchman--no-prettyget-socknamereturnedwithexitcod
少年Amore·2019-11-02 13:29

React-Native react-navigation 的使用

记得之前使用react-native的时候导航栏使用的是navigation，iOS下使用navigationIOS.现在又要重新接触React-Native,自然要了解下有哪些变化。
allenzhan·2019-11-02 09:21

React Native之布局

这一期我们就看一下怎样优雅的布局1、首先看一小段程序importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View}from'react-native
Scott丶Wang·2019-11-02 06:59

React-Native Fetch使用Promise封装(一)

项目中封装Fetch的方法/***2017/04/23dongtao*基于fetch封装的GET请求*@paramurl*@paramparams{}*@paramheaders*@returns{Promise}*/varHTTPUtil={};HTTPUtil.get=function(url,params,headers){if(params){letparamsArray=[];//enc
大灰狼的小绵羊哥哥·2019-11-02 05:44

React-Native（Mac环境下）环境搭建

安装必须软件HomebrewHomebrew,Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件。打开终端，输入命令行/usr/bin/ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"回车，输入密码，等待安装完成使用Homebrew必须安装Node.js安装完H
莫离_焱·2019-11-02 05:01

React-native框架（二）

重要知识点补充：1.require(./)当前目录require(../)上级目录一、TabBarIOS和TabBarIOS.Item组件学习效果图:gif.gif代码:varTabBarIOSDemo=React.createClass({//初始化函数getInitialState(){return{selectedTabItem:'first'}},//UI的布局函数render(){ret
Xcode8·2019-11-02 02:47

React-Native 学习Animated -1

importReact,{Component}from'react';import{AppRegistry,StyleSheet,Animated,TouchableHighlight,View,Text}from'react-native
煎包小混沌·2019-11-01 23:38

React-Native react-native-swiper(ES6)轮播图

react-native-swiper轮播图，是我们开发中特别常见的效果，感谢编写react-native-swiper的大神，让我们方便了很多啊，今天小萌总结一下用法以及遇到的问题。一、安装react-native-swiper两种方法yarnaddreact-native-swiper//或者npminstall--savereact-native-swiper查看npmviewreact-n
天方夜歌·2019-11-01 22:51

React-native 遇到的坑

近几日，公司突然让我们开发app，组长调研后让我开始学习React-native，以下便是自己踩过的坑(持续更新)一、安装RN(react-native)项目从gitlab上拖下来的项目需要安装node_modules
默默默默__·2019-11-01 22:15

React-Native从入门到放弃（一）准备篇

facebook官方教程（英文）react-native源码中文视频（目前中文只更新到0.28）前言虽然大维哥从事编程的时间不是很长，但是一直认为未来计算机语言的发展必将是跨平台，动态灵活。
wu大维·2019-11-01 21:02

react-native之开发日常捡漏

用的是mac系统做的开发，以下是在日常开发中遇到的一些错误。一、说明：出现有这个错误的原因远不止截图所示，这里只是提示一下有这种可能。es5跟es6在使用语法上有一定的区别，这里就是因为在用es6创建的类中，用了es5，所以识别不了。错误提示.jpg代码.png解决方法：统一使用同一种语法。二、报错信息提示：需要一些之元素，我这里出错是因为我使用了tabBar，然后没有给tabBar指定需要显示的
天道酬勤_XJL·2019-11-01 19:20

ReactNative 整合极光推送jpush-react-native（IOS端）

www.jianshu.com/p/cce27f16036d一、证书1、在苹果官网创建推送证书（生产和开发）2、在极光推送官网中创建应用时需要配置证书（生产和开发）二、安装（若参考上文已安装请忽略）我的react-native
Loki_·2019-11-01 15:14

react-native组件优化（第三方组件import {Label,Select} from 'teaset'的使用）

在开发过程中，某些功能需要重复使用，利用React中的props来传递参数，通过参数来控制子组件的属性。使用此页面先下载第三方组件非常好用npminstall--saveteasethttps://github.com/rilyu/teasetimport{Label,Select}from'teaset';按需引入标签来使用B58AB9BA-028C-4900-8C4B-BAD75FFE542B
自然python·2019-11-01 12:30

NT 技术周刊-1028

React-Native组件开发方法[原创]摘要�ReactNative的开发思路是通过组合各种组件来组织整个App，在大部分情况下通过组合View、Image等几个基础的组件，可以非常方便的实现各种复杂的跨平台组件
imiller·2019-11-01 11:44

React-Native转小程序调研报告：Taro & Alita

一.我们的要求期望的要求基于React语法，将RN项目转化为小程序项目该小程序能同时在微信小程序和支付宝小程序这两个平台运行底线要求底线是能转成微信小程序，因为目前来说，因为微信先发制人，再加上微信本身的用户黏性，导致在小程序这一块大多数其他平台都难以迎头赶上，包括支付宝小程序，百度小程序，头条小程序等等。二.目前可供选择的生态,以及各自存在的问题能将已有RN项目转化为微信小程序的工具，比如Ali
外婆的彭湖湾·2019-11-01 11:00

React-Native转小程序调研报告：Taro & Alita

一.我们的要求期望的要求基于React语法，将RN项目转化为小程序项目该小程序能同时在微信小程序和支付宝小程序这两个平台运行底线要求底线是能转成微信小程序，因为目前来说，因为微信先发制人，再加上微信本身的用户黏性，导致在小程序这一块大多数其他平台都难以迎头赶上，包括支付宝小程序，百度小程序，头条小程序等等。二.目前可供选择的生态,以及各自存在的问题能将已有RN项目转化为微信小程序的工具，比如Ali
彭湖湾·2019-11-01 11:00

react-native-vector-icons/Ionicons

react-native@flow*/importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View,TabBarIOS,}from'react-native
aofeilin·2019-11-01 05:06

React-Native 之 项目实战(二)

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

React-Native组件用法详解之ListView

上一期我们介绍了React-Native和Native之间的通信，然后刚好最近在做一个ListView排版的项目，这期索性就为大家献上一个完整的ListView排版过程。
sidiWang·2019-11-01 04:57
上一页 96 97 98 99 100 101 102 103 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他