React-native 第72页

iOS朋友圈，视频播放器、钓鱼小游戏、玻璃动画源码

Swift/Objective-C】强劲的日期选择控件利用Masonry和YYlable,FDTemplateLayout布局的高性能朋友圈,丝...基于AVPlayer的播放器，用swift4封装的支持react-native

Code4app·2020-04-12 17:03

react-native从入门到放弃（二）

两年前建立了这个文件夹，希望能入手rn多更新一点的，但是只更新了两篇就断了，因为当前公司规定，年底之前我必须要做一次技术分享，于是乎，想重新拾起React-native入门一、必须条件node、watchman

RunningTeemo·2020-04-12 17:17

Javascript 严格模式

最近在看React-Native的过程中看到了js的strictmode，查了些资料，看了些博客，记录一下自己需要的内容。

Sattelizer·2020-04-12 15:45

React-Native iOS 中 Native 与 JS 通信

此文写于2016/03/14,所以比较老了React-Native中的宏RCT_CONACT/***Concattwoliterals.Supportsmacroexpansions,*e.g.RCT_CONCAT

一半晴天·2020-04-12 11:35

react-native init 命令出错

今天用react-native的命令创建的iOS项目,在Xcode上无法运行,出现奇怪的内存泄漏警告和找不到文件的报错提示.react-nativeinitaaa内存泄漏Error经过反复查找,发现是因为

uniapp·2020-04-12 11:10

官网react-native 组件列表

版本：React-native0.47设备当前屏幕状态：AccessibilityInfo显示一个圆形的loading提示符号：ActivityIndicator按钮：Button日期选择器：DatePickerIOS抽屉：DrawerLayoutAndroid高性能的简单列表组件：FlatList图片组件：Image键盘遮挡处理组件：KeyboardAvoidingView高效处置数据列表组件：

焚_44b3·2020-04-12 08:55

react-native 使用TabNavigator

import{StackNavigator,TabNavigator,}from'react-navigation';constMyTab=TabNavigator({List:{screen:List,navigationOptions:{tabBarLabel:'列表',tabBarIcon:({tintColor,focused})=>()}},Cinerms:{screen:Cinerms

紫薇大舅·2020-04-12 03:08

react-native列表FlatList下拉刷新上拉加载更多实现

react-native列表FlatList下拉刷新上拉加载更多实现具体代码懒得择了,这里只给出比官网文档全一点的FlatList的使用说明吧{this.setState({nextpage:1})this

yohyow·2020-04-12 02:54

react-native Error watching file for changes: EMFILE

在运行react-nativestart出现一下错误ERRORErrorwatchingfileforchanges:EMFILE{"code":"EMFILE","errno":"EMFILE","syscall":"Errorwatchingfileforchanges:","filename":null}Error:Errorwatchingfileforchanges:EMFILEatex

壁虎尾巴·2020-04-12 01:37

React-Native 上传图片

主要借助两个开源库1.选取和拍照https://github.com/react-native-community/react-native-image-picker2.上传https://github.com/joltup/rn-fetch-blob#user-content-upload-example--dropbox-files-upload-api完整步骤如下：1.选取照片//弹出选择相

楼上那只猫·2020-04-11 19:34

（爬坑）React-Native项目运行之路

，采取着“还有头发，还能学”的方针，我从GitHub下载了React-Native项目，准备开始学习......然后我就进入了报错天堂......我承认我的英文水平全靠看报错提升的....环境：macOSXcode

SA_Arthur·2020-04-11 18:26

ReactNative ListView轻松上手

最近最火的跨平台开发框架当属Facebook开源的React-Native了。在React-Native中也有一个实现滚动视图的组件也叫

塔米尔·2020-04-11 13:35

原生项目（hot）集成react－native

最近react-native(以下简称rn)的技术越来越活，国内的使用情况也越来越多，国内的氛围也越来越好，其实我是从去年就接触了一下rn，当时我学习了一个多星期，然后刚好处于要换工作就没有学习了，刚好最近有点空闲的时间

我想要有你在的未来·2020-04-11 08:08

分析react-native源码实现各种js和原生的交互回调

学习颜色属性D:/test/back-ji/NativeView/node_modules/react-native/Libraries/Components/Button.jsjava配置属性com.facebook.react.uimanager.ViewProps

物是人非事事休欲语泪先流·2020-04-11 07:47

Xcode 10: Build input file double-conversion cannot be found

ReactNative项目启动报错如下:❌error:Buildinputfilecannotbefound:'/Users/rod/dev/react/testing/awesome/node_modules/react-native

飞奔在路上·2020-04-11 04:26

react-native：快速开始运行一个android app

可以直接参考Facebook的网址：https://facebook.github.io/react-native/docs/getting-started.html1.以管理员的身份打开cmd，输入：

Q罗·2020-04-11 03:19

学习React Native日记三，属性（Props）和状态（state）

Image组件为例importReact,{component}from'react';import{AppRegistry,Image}from'react-native';classTestextendsComponent

PreFU·2020-04-11 02:01

react-native 自动计算行高textInput组件

react-native根据textInput输入文本内容自动计算输入框高度importReactfrom'react';import{TextInput,}from'react-native';importBaseComponentfrom

reloadRen·2020-04-11 01:44

React Native嵌入到android原生应用

$npminit3.创建了node_modules目录并把react和react-native下载到了其中。[email protected]

偏北风23级·2020-04-10 23:37

react native 调试模式下的几种模式的原理

reactnative.cn/docs/0.39/debugging.html#content0:debug模式和release模式的整个开始加载脚本的过程1:调试服务器http://www.himigame.com/react-native

楚怀哲·2020-04-10 21:48

React-native触摸组件

一.Touchable系列组件RN的组件基本上默认都是不支持点击事件，也不能响应基本触摸事件不透明触摸TouchableOpacity该组件封装了响应触摸事件，当点击按下的时候，该组件的透明度会降低常用属性activeOpacitynumber设置组件在进行触摸的时候，显示的不透明度(取值0-1之间)onHideUnderlayfunction方法当底层被隐藏的时候调用onShowUnderlay

我不叫奇奇·2020-04-10 20:02

React-Native 之ListView

最近在摸索react-native，虽然苹果爸爸已经在之前封杀了JSPatch，我还是抱着试一试的态度先学一个疗程，毕竟，知识嘛，多学点总是好的。

So_365·2020-04-10 19:31

react-native开发实例之启动页（android版本）

rn开发的app在启动后会有一段时间的白屏，主要是因为加载js到内存需要的时间比较长。解决白屏的问题其实本质上是rn不能解决的，必须通过native代码来解决。思路是先在native启动的时候打开启动页面，然后动rn启动后，在rn里面关闭掉。说了这么多，已经有人做好了开源组件给大家使用了：https://github.com/crazycodeboy/react-native-splash-scr

sleepforests·2020-04-10 19:52

react-native TextInput 键盘遮挡问题

贴一下我的render里面的代码和效果图render(){return(this.setState({user_id})}value={this.state.user_id}/>this.setState({user_password})}value={this.state.user_password}/>this._login()}style={styles.loginText}>登录);}样式

既然可以颠覆何必循规蹈矩·2020-04-10 14:50

ReactNative→登录界面

登录界面/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*/importReact,{Component}from'react

动感超人丶·2020-04-10 12:56

React-Native, ES5和ES6写法的区别总结

引入模块的不同//es5:varReact=require('react')//es6(解构)importReact,{Component}from'react'组件声明不同//es5//使用createClass，传入一个对象，所以内部要使用逗号//需要显式定义getDefaultProps和getInitialState方法，在getInitialState方法里，需要返回一个对象varMyM

Angeladaddy·2020-04-10 11:24

学习React Native日记二，Movie Fetcher

importReact,{Component}from'react';import{AppRegistry,Image,StyleSheet,Text,View,ListView//用于列表显示}from'react-native

PreFU·2020-04-10 11:36

react-native ：Text文本过长时显示...

react-native：Text文本过长时，最右边文字部分不显示的问题。

杨杰灬·2020-04-10 10:01

React-native 高级坑 Invariant Violation:Application 项目名 has not been registered.

144作者李将军杀到（为了节省时间，复制了一下这个作者的原贴，特此声明）原贴地址：http://www.jianshu.com/p/82a09063e61c因为我的错误是基于这个描述之上的，但是中间有个很诡异的问题，请有问题的同学看完，我会在最后解答。前言在学习一门新技术的你也许有跟我一样的困惑，照着书上或者视频上的敲了。但是就是有各种问题没有出来自己想要的结果。我会将自己在这个过程中遇到的坑都记

MiBoy·2020-04-10 07:23

React-Native 学习Animated -2

importReact,{Component}from'react';import{AppRegistry,StyleSheet,Animated,View,Text,TouchableHighlight}from'react-native

煎包小混沌·2020-04-10 06:33

React-Native 中各种属性设置收集

pxmargin:10;组件与内容之间的间隔距离,默认单位是px，Text组件中常用padding:10;设置组件之间，水平方向布局flexDirection:'row',设置组件之间，竖直方向布局,react-native

江蒙尘·2020-04-10 05:56

【ReactNative】入门：从todo App开始（4）

ScreenShot2017-03-31at1.33.33PM.png新建一个row.js文件如下row.jsimport{View,Text,StyleSheet,Switch}from'react-native

LesliePeng·2020-04-10 04:59

react-native植入原生应用-踩坑记

首先我用的是windows10，react-native0.25，genymotionhttp://reactnative.cn/docs/0.25/embedded-app-android.html#content使用的是这篇文章的参考，官方文档大概过程都说过了吧，但是其中还是有不少坑要踩的。首先按照步骤运行之后，你可能会遇到一下几个问题。开发者菜单按照教程加入devsetting的话你得在加入

皮卡亿千万·2020-04-10 04:43

React-native中多个textInput键盘不能收回的问题的原因分析及解决办法

最近有人问过这个问题，貌似好没有出现很好的解决办法，写一篇文章分享一下自己之前遇到并处理的过程，希望能给大家一些帮助。项目中遇到过这么一种情况的bug：当前页面存在三个textInput，页面内做了点击空白区域键盘会自动收回的处理。正常情况：选中某一个textInput，输入内容，然后点击空白区域，键盘收回，然后再次选中下一个textInput，键盘再次弹起，然后输入内容，点击空白键盘收回，依次往

nextChallenger·2020-04-10 03:56

xcode高版本启动RN项目常见错误

xcode编译报错：'config.h'filenotfound解决方案cdnode_modules/react-native/third-party/glog-0.3.4../..

浅夏晴空·2020-04-10 02:06

React-Native fetch上传图片

项目有上传图片需求,查找一番发现第三方的很麻烦,还要适配手机系统.在此记录一下如何使用fetch上传.uploadImage(imgUrl){leturl=Url.ossFile;//图片服务器letformData=newFormData();//把图片放入formData中,采用formData来实现letfile={uri:imgUrl,type:'multipart/form-data',

Andy_Sun·2020-04-10 01:43

react-native ios富文本编辑器遇到的问题

最近我入手了三个关于react-native富文本编辑器的插件：1.react-native-zss-rich-text-editor2.react-native-webview-richeditor3

简翦儋箪·2020-04-10 00:57

React-native mac开发环境配置

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

itxing·2020-04-10 00:19

Mac React-Native 环境配置（iOS开发）

all_151207·2020-04-09 23:33

react-native结合dva的使用

前言最近一版的app使用的是react-native，所以搭个架子总结下使用到的技术，希望可以对有兴趣入坑的同学一些帮助。

brotherwang·2020-04-09 21:13

[React-native]RN调用原生的深坑-For Android

前言：最近闲着没事来搞一波RN学习，搞了一个Demo练习一把。在RN调用原生启动原生页面时入了深坑（虽然前面也遇到很多的坑，信我，这个是最深的）。**下面来看下网上的实现方式吧（我看了至少20篇博客以及1个视频教程，基本都是这么做的）：第一步：声明自定义ReactContextBaseJavaModule用AndroidStudio打开你已经init好的项目(注意：是Android项目，init好

蜗牛学开车·2020-04-09 18:37

RN中布局样式

/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*/importReact,{Component}from'react

基本密码宋·2020-04-09 16:21

React-native XCode build fails -> 'RCTAssert.h file not found'

图片发自App图片发自App图片发自App图片发自App这个问题，困扰了自己快一下午了，特此记录一下，因无法上传图片，还望各位见谅，后面会把响应操作的截图添加进来，方便阅读。React-nativeXCodebuildfails->'RCTAssert.hfilenotfound'打开XCode=>Product=>Scheme=>EditScheme=>选择左侧栏中的Build选项，点击右侧画面

君伟说·2020-04-09 15:49

Hybrid 模式选择之路

并在2014年提出了React-Native

小小的大雄·2020-04-09 13:59

ReactNative学习笔记八之图表组件交互（下）

这一篇主要会介绍如何在React-Native中使用Echart，以及native-echart的原理，以及组件与表格之间的交互。

mymdeep·2020-04-09 13:18

react-native (三 - 下) : react-navigation

react-navigation它是facebook官方推荐的代替<0.43.0版本Navigator组件的解决方案文档点这里新人可能在这里会问，为什么我一定需要一些第三方的控件来写一个简单的功能，更甚者明明官方已经提供了一个NavigatorIOS了，它已经完全能胜任了？还要去下载一个第三方组件来增加包体积呢？其实意思是这样没错，只是最重要的一点，我们现在是做webApp，这是一个跨平台的解决方

洪都拉斯的春天·2020-04-09 10:46

我的React-Native不得不说的一些事情－2

创建文档时间：2016.3.21-11:18作者：三月懒驴使用平台：Mac布局在上一个文章的项目中，我们新建一个lesson文件夹，这里面放的是学习用的lesson组件。创建一个lesson_1.js，来感受一下Flex布局的精髓//inlesson_1.js——1.左右平分一屏，2.上下平分一屏//inrenderresult//inStylesconstStyles={body:{flex:1

三月懒驴·2020-04-09 08:03

react-native自定义单选框组件

下载：npmireact-native-radio-master--save使用：importRadioModalfrom'react-native-radio-master';代码：效果展示：传数据方式：1：使用dataOption={datas}属性;（options此时是必须设置的id对应数组对象中唯一标识的名字id或者indexvalue:对象中代表文字信息的名字disabled：默认是否

seven_2547·2020-04-09 05:52

react-native实现高斯模糊效果

实现效果如下:简易高斯模糊效果使用组件:react-native-blur实现步骤:1.安装npminstallreact-native-blur2.链接到本地react-nativelinkreact-native-blur3.配置android环境(将以下内容添加到android/app/build.gradle):android{//makesuretouse23.0.3insteadof2

Leah_MENG·2020-04-09 05:44

react-native的组件生命周期

react-native的组件生命周期组件的相关方法render每个组件必须提供render方法。

wlssing·2020-04-09 05:08

推荐频道

React-native