React-Native 第77页

ReactNative制作原生插件Android,iOS 并上传至npm(1)

为了方便阅读本文章分为3部分1制作一个React-Native原生UI组件(AndroidandiOS)打包一个原生组件[将原生组件上传至npm最终效果npm:https://www.npmjs.com

一梭蕉·2020-03-24 23:05

React-Native热更新 - 3分钟教你实现

创建React-Native项目react-nativeinitdounineApp

大猪大猪·2020-03-24 21:41

ubuntu 14.04 下 react-native 配置中的坑

网上很多关于react-native关于mac下或关于Windows下咋开发配置，在Linux下尤其是ubuntu14.0432位下的更少，配置过程中，又有各种坑，还是希望总结一下，希望在学习的小伙伴少走些弯路关于安装参照

xingyun_909·2020-03-24 20:04

android安装目录app_libs导致的so加载失败

建立一个react-native模块之后，也写了相对应的Component，运行加载一切顺利，但是再次运行，crash，报错。

adanchou·2020-03-24 19:29

React-Native中用Android Studio运行报Duplicate错

Error:Executionfailedfortask':app:transformNativeLibsWithMergeJniLibsForDebug'.>com.android.build.api.transform.TransformException:com.android.builder.packaging.DuplicateFileException:Duplicatefilesco

乘务员·2020-03-24 14:45

React-native使用FormDate上传图片异常总结

近期一个用react-native的项目，上传图片功能我们用的是FormDate，按照文档的提示写好代码。

JMCC117·2020-03-24 12:27

React-Native 学习问题

1.ERRORPackagercan'tlistenonport8081：这个问题是因为你已经有一个命令行程序正在运行！2.Couldnotconnecttodevelopmentserver：打开新的命令行窗口运行react-nativestart3.*Whatwentwrong:Executionfailedfortask':app:installDebug'.>com.android.bui

thebestduleisi·2020-03-24 05:44

Flutter初体验-环境搭建（一）

环境搭建（一）一直开发react-native项目，感觉挺不错；最近听说google发布混合开发框架flutter，可以跨三端很强势，很好奇的来试试，不过坑不少；英语能力强的兄弟可以去看官网-传送门，英语能力一般的兄弟可直接去看中文网

nibote·2020-03-24 01:35

react-native 之警告窗、提示框

在导入的地方导入Alert这个是官方的，支持双端平台。用法也简单易懂。onPress={()=>Alert.alert('确定删除吗?','',[{text:'确定',onPress:()=>this.cancel(BusinessLoopID)},{text:'取消',onPress:()=>this.refs.toast.show('您取消了删除',1000)}])}

江湖人称_赫大侠·2020-03-23 23:41

React-Native Android 环境搭建记录

1.安装JAVAJDKhttp://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html下载MacOSXx64版本进行安装2.安装AndroidSDK在Mac终端输入brewinstallandroid-sdk成功后提示：Nowrunthe'android'tooltoinstalltheactua

lchaoerl·2020-03-23 22:22

用VSCode开发React-native

用VSCode开发React-nativeVisualStudioCode是一个运行于OSX，Windows和Linux之上的，针对于编写现代web和云应用的跨平台编辑器。下载下载地址github地址优势快速轻量,启动速度快,安装包体积小,占用内纯少界面美观有颜值（皮肤，代码配色）插件机制（提供便捷的功能）功能强大,强大的代码提示,跳转,补齐,功能,搜索,git，debug,自定义配置,主题,自动

sliu1126·2020-03-23 22:47

react-native入门之-环境配置

日常唠嗑：基于windows下搭建，之前一直想写篇关于配置环境的文章，毕竟react-native这块坑太多了，一直没时间就放着没写，这次因为换电脑，需要重新装，所以就写篇详细的步骤，希望能帮到大家。

roar_挖掘工·2020-03-23 21:29

（Android）react-native的签名打包

本人刚刚接触RN，将自己遇到的问题做个分享，仅供参考！1、生成一个签名密钥keytool-genkey-v-keystoremy-release-key.keystore-aliasmy-key-alias-keyalgRSA-keysize2048-validity10000my-release-key.keystore：文件名my-key-alias:别名这两块可以修改为自己的名字。2、在项目

淡望江湖路·2020-03-23 21:20

React Native之箭头函数和延展操作符（...）

，如下：importReact,{Component}from'react'import{AppRegistry,StyleSheet,View,Text,TouchableOpacity}from'react-native'classRN_Arrow_FunctionextendsComponent

vinnyChen·2020-03-23 17:11

React-Native之 Flexbox布局

React-Native中采用的是Flexbox布局，Flexbox与Android中的LinearLayout有相同之处，即：水平与垂直，两个方向的布局，但Flexbox更为强大。

飞沙0913·2020-03-23 13:48

iOS React-Native环境搭建（收集整理）

1.我们需要安装HomebrewHomebrew是osx的套件（包）管理器，可以通过他获取更多的组件第一步：终端输入：ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"第二步：终端输入：（2.1）brewinstallwatchman（2.2）brewinstallflow(2.

嗨_等一下·2020-03-23 11:06

react-native 热更新(ios&android)

由于公司项目需要，我抽时间研究了下reactnative的热更新功能，其实并不复杂，自己在原来的demo上做了实验，还是蛮成功的。废话不多说，我们来看看是怎么实现的，还以之前的BaiDuMapDemo为例。前提使用热更新，你必须安装AndroidNDK，并设置环境变量ANDROID_NDK_HOME，指向你的NDK根目录。例如：/Users/tdzl2003/Downloads/android-n

sybil052·2020-03-23 11:05

【前端之巅】打造你的每日前端信息流

虽然平常榜单上都是一些熟面孔，如React、React-Native、Node、Vue、d3、An

尾尾·2020-03-23 09:05

React Native 指定页面物理返回监听

ReactNative物理返回监听在Android机上，物理返回是一个很常用的功能，本文将讲解如何在react-native中对物理返回进行处理，分别为主页面连续两次退出程序，普通页面回到上一页，指定页面特殊处理

路人可乙·2020-03-23 05:46

ReactNative学习笔记七之图表组件交互（上）

在写这篇文章之前，我必须要说一下这两天的经历，当时接到图表组件与其他组件交互的时候，感觉实现起来有些困难，毕竟我的js水平停留在初学阶段，而基本上js大部分原生的组件库都不支持React-Native，

mymdeep·2020-03-23 04:09

React-native TextInput组件的使用

下面我给大家介绍一些React-nativeTextInput的组件的属性：TextInput组件在一个应用程序中，输入框是必不可少的，比如“搜索”功能是大部分应用程序都拥有的。TextInput是可以通过键盘将文本输入到App的组件，它提供了比较丰富的功能，例如自动校验、占位符以及指定弹出不同的键盘类型等。TextInput组件介绍我们期待TextInput能帮助我们做更多的事情，而不是我们去模

走在路上的小二·2020-03-22 22:36

使用react-native 重构<一>base

react-native的生命周期1.渲染前调用存在于客户端，服务器端componentWillMount(){}2.渲染之后调用只存在于客户端componentDidMount(){}3.生成相对应dom-frame

万能的pp·2020-03-22 21:18

React Native之TextInput

示例代码：importReact,{Component}from'react'import{StyleSheet,View,TextInput,Text}from'react-native'ex

想要个李大仁·2020-03-22 17:19

React-Native开发环境搭建

1.前言总体安装流程参考官网的GettingStarted2.安装必备软件、工具HomebrewHomebrew,Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件。/usr/bin/ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"Node用Homebrew或者

哪吒闹海全靠浪·2020-03-22 13:32

react native 基础知识点

HelloWorldreactnative官方Helloworld示例importReact,{Component}from'react';import{AppRegistry,Text}from'react-native

虫子吃饱了·2020-03-22 10:24

React Native之TabBar的简单搭建

先上效果动态图Untitled.gif代码附上：/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*/importReact

江湖人称_赫大侠·2020-03-22 10:00

[React-Native]RN模块学习-AsyncStorage

类似于Android原生中的SharedReference，用于数据的持久化。其存储，去除，删除等动作均为耗时的异步操作。JS中的异步处理参见JavaScript异步编程getItemasync_loadInitialState(){varvalue=awaitAsyncStorage.getItem(STORAGE_KEY_ONE);if(value!=null){alert(value);th

美乃滋酱啊·2020-03-22 09:36

Sass声明变量，作用域

Sass声明变量前段时间由于公司需要开发react-native的app着手动工，所以耽误了文章的更新。希望大家可以谅解！声明变量在sass中，声明变量和javascript一样简单，属于弱类型语言。

Timson·2020-03-22 09:01

react timer

最简单的timerdemoimportReact,{Component}from'react';import{View}from'react-native';exportdefaultclassDemoTimerextendsComponent

reedthinking·2020-03-22 06:04

基础篇_高度与宽度

importReact,{Component}from'react';import{AppRegistry,View}from'react-native';classMyAppextend

时苒君·2020-03-22 04:43

在已有的项目中引入react native

Prepareyourapp首先在你的app中的build.gradle引入reactnative的jar包compile"com.facebook.react:react-native:+"在项目的build.gradle

子墨_guo·2020-03-22 02:40

React-Native No Bundle URL present

贼气，网上各种方法没有。后来一看就是localhost解析不出来-(NSString*)guessPackagerHost{staticNSString*ipGuess;staticdispatch_once_tonceToken;dispatch_once(&onceToken,^{NSString*ipPath=[[NSBundlemainBundle]pathForResource:@"ip

Silicn·2020-03-22 00:00

初次尝试使用typescript开发react-native

typescript是javascript的超集，在javascript的基础上添加了可选的静态类型，非常适合团队开，这次我们尝试使用typescript来开发react-native应用。

商领云·2020-03-22 00:38

react-native Mac-iOS 开发环境搭建

目前RN的学习浪潮已经拍过来了，犯懒的自己也终于狠狠心系统的学习下，RN英文版，这是我跟随学习的资源，当然还有RN中文版，欢迎小伙伴一起学习进步。下面我们进进入正题，RN号成“Learnonce,writeanywhere”，因此跨平台，标准化是必要的因素，这才使得我们能够在Javascript和React的基础上获得完全一致的开发体验，构建新型的原生APP.由上我们也可以大致了解到我们所需的一些

LL86·2020-03-22 00:41

React-Native爬坑中（网络层简单封装）

即将开始RN的深入坑，总结一下以前用到的一些点滴。。。在RN中使用网络请求，一般会使用fetch来做，fetch具体用法：https://github.com/github/fetchhttps://segmentfault.com/a/1190000008484070，为了使用更加方便，做一个简单的封装，大体意思是这样，具体细节命名之类可根据需要修改。首先，针对接口API，定义如下（const和

逗留·2020-03-22 00:07

React-Native 挖坑锦集

最近在使用react-native开发公司的项目。遇到很多坑，为了不让以后自己遗忘，提笔写下此文。1.ListView中数据刷新问题？在项目中，遇见了数据刷新的问题。

君莫叹人生如若初见·2020-03-21 21:36

react-native组件篇

摈弃繁杂的内容，提供最实用的react-native知识大神心得ReactNativeTools下列基础组件看官网教程即可（react-native中文网）手势响应定时器滚动视图列表FlatListSectionList

Yochi·2020-03-21 20:30

React-native 常用的第三方库汇总

React-native项目常用的第三方组件汇总：Base组件库https://github.com/xinthink/react-native-material-kithttps://github.com

itxing·2020-03-21 19:13

React native 拆包

拆包是React-Native项目不得不面临的一个重要技术门槛。图片来自网络为什么要拆包？

乘着风·2020-03-21 17:46

Unable to resolve module in React-Native

/Users/username/projectname/AwesomeProject/index.js:Invaliddirectory/Users/node_modules/some-module在react-native

朝圣的路上·2020-03-21 17:48

react-native 打包

今天给android项目打包时发现报错:app:processReleaseResourcesFAILEDFAILURE:Buildfailedwithanexception.*Whatwentwrong:Executionfailedfortask':app:processReleaseResources'.>com.android.ide.common.process.ProcessExcep

Zihao_Wong·2020-03-21 14:08

react-native 如何搭建开发环境（iOS）

本章我们开始来学习一个小白如何开始走上react-native的开发道路rn的门槛不管是对于前端开发者还是移动端开发者来说都是很高的，既要懂原生又要懂js，技术栈是相当长的。

肖子浩92·2020-03-21 14:29

redux在react-native上使用(三)--加入redux-thunk

这篇redux在react-native上使用(二)--加入saga是使用redux-saga,可以跟这篇做个对比看下redux-thunk和redux-saga使用上的区别.直接在这项目上修改,只是把

hello老文·2020-03-21 12:04

React-native之DrawerLayoutAndroid（12）

一.简介抽屉（通常用于导航切换）是通过renderNavigationView方法渲染的，并且DrawerLayoutAndroid的直接子视图会成为主视图（用于放置你的内容）。导航视图一开始在屏幕上并不可见，不过可以从drawerPosition指定的窗口侧面拖拽出来，并且抽屉的宽度可以使用drawerWidth属性来指定。二.属性drawerLockModeenum('unlocked','l

飞奔的小马·2020-03-21 04:24

最新iOS原生项目集成React-Native:集成记录

本篇文章记录了在已经创建好的原生项目上集成react-native的过程。前提：电脑已经安装过React-

LeftLee·2020-03-21 00:12

React-native 的坑之TextInput value属性

项目背景需要做一个Listview每个条目都有一个输入框，然后默认的不可以编辑，旁边有个编辑键，点击的话就能编辑this.props.onSubmitEdit(this.state.rowData)}underlineColorAndroid={'transparent'}>{this.state.rowData.name}然后在submit函数类着这样写submit(){this.setStat

MiBoy·2020-03-20 22:57

ReactNative Demo - ImageVIew 使用

Component}from'react';import{AppRegistry,StyleSheet,Text,View,Image,DrawerLayoutAndroid,ListView,}from'react-native

zcwfeng·2020-03-20 20:06

ListView 踩过的坑

ListView组件在react-native开发中频繁使用到。所以在实际开发时，在实现多选操作时碰到一个坑，虽然使用很奇葩的手段解决了，但并没有从根本上解决遇到的问题。

ltaoo·2020-03-20 20:33

IOS React-native 触摸事件

现在就简单的讨论一下React-native中的Touch触摸事件，首先在React-native中，触摸事件有如下几种：引用一下官方文档的话：一般来说，你可以使用TouchableHighlight来制作按钮或者链接

Codepgq·2020-03-20 19:50

ReactNative中SectionList实现条目GridView效果

react-native版本：0.48;开发环境win10+VScode;目标平台：安卓(暂时没有适配苹果);最后更新时间：2017.09.11;在ReactNative，想做个Android中分组GridView

冯涛_简书·2020-03-20 15:08

推荐频道

React-Native