React-native

react-native用FlatList实现九宫格布局

代码importReact,{Component}from'react';import{StyleSheet,Text,View,Dimensions,Image,FlatList,}from'react-native
visitor009·2018-08-04 22:11

React-native 信鸽推送（iOS和android版编写）

最近在写信鸽推送中间遇到一些坑，不过好在都逐步解决了，目前写一下做个说明。由于极光推送官方做了相关RN代码，有需要的同学也可以参考他们的步骤来一步步完成自己推送的RN模块.下面来说说我的开发过程吧：首先我们都得先用RN创建个工程iOS信鸽推送RN模块开发1.iOS先新建一个静态库导入信鸽推送需要的libXG-SDK.a和XGPush.h文件，信鸽推送iOS配置和方法说明参考官方.然后新建iOS类文
临川慕容吹雪·2018-08-04 13:54

关于react-native的0.56新版本服务报错问题

新版本0.56版本才有这个问题。先来看问题node.js的服务报错：如果你的错误和我这两张图一样，并且reactnative版本是0.56，那么恭喜你，这个奖是必中的！解决方案其实就是新版本的问题，只要用稳定的版本重新生成项目就OK了，下面提供一个亲测有效的方法。react-nativeinitdemo--verbose--version0.55.4这样就可以了。对了，初学者在run-androi
Afresh_Kedou·2018-08-03 18:29

React-native挖坑记

ReactNative搭建开发环境官方文档：reactnative.cn/docs/0.51/g…环境搭建成功后按照官方文档输入以下命令：react-nativeinitdoubanRN//创建一个名字为AwesomeProjectcddoubanRN//进入AwesomeProject目录react-nativerun-android//在安卓设备上安装应用问题1：Cannotfindentry
机智小铛铛i·2018-08-03 16:59

React-Native 踩过的坑

ReactNative运行的时候，经常碰到ReactNativeunabletoloadscriptfromassetsindex.android.bundleonwindows解决方法有2种：方法一：设置IP和端口具体步骤：报错页面晃动手机，显示菜单=》点击DevSettings=》点击Debugserverhost&portfordevice=》设置IP和端口（ex:192.168.0.20:
foreverhot1019·2018-08-02 16:14

React-Native学习之路（九）TabNavigator隐藏问题的分析及解决

首先说明一下我是用的TabNavigator+StackNavigator来写的页面跳转。我们先分析一下为什么在每个Tab的Item里面实现跳转，跳转页面还是会有底部的TabNvigator先看下我出问题的项目结构，首先，我们可以看到我给这个Tab的Item指定的显示页面是MyPage，然后因为我MyPage中涉及一系列的跳转，所以我用了一个StackNavigator来实现MyPage中的其他跳
Leon_Jcy·2018-08-01 21:34

IOS原生和 React-Native 混合开发（中）

1.React-Native嵌套原生组件(iOS)参考链接：https://www.jianshu.com/p/7324e9db577d2.RN和iOS/OC混合开发与数据通信参考链接：http://www.lcode.org/react-native-%E8%BF%9B%E9%98%B6%E4%B9%8B%E5%8E%9F%E7%94%9F%E6%B7%B7%E5%90%88%E4%B8%8E%
山_里_娃·2018-08-01 14:22

移动端跨平台开发的深度解析

 跨平台一直是老生常谈的话题，cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架的百花齐放，颇有一股推倒原生开发者的势头。
·2018-08-01 00:00

React Native 双滑块滑动条

importReact,{Component}from'react';import{View,PanResponder,StyleSheet,Text,Dimensions,Animated,Easing}from'react-native
静候那一米阳光·2018-07-31 14:25

ReactNative——问题：Unable to resolve module 'AccessibilityInfo'...doesn't exist in the Haste module map

\node_modules\react-native\Libraries\react-native\react-native-implementation.js':Module'AccessibilityInfo'doesnotexistintheHastemodulemap
萌鼠喝酸奶·2018-07-30 17:43

react-native 热更新 重启(android)

不用杀死进程重启应用，可以重新加载JS代码，重启页面。privatevoidloadBundle(){finalReactInstanceManagerinstanceManager;try{instanceManager=resolveInstanceManager();if(instanceManager==null){return;}//获取本地的js代码这里就不给出代码了。如果本地没有就返
suphu·2018-07-27 11:39

react-native 开发日记

在react-navigation中的TabNavigator的配置中,图标正确书写但是不渲染,是因为有一个tabBarContent的配置是必须配置的,而且不配置也不报错,但是tabBarIcon不会渲染!TextInput输入框中的左边图标,可以使用inlineImageLeft来实现,但是要注意这个图片资源路径必须放在android\app\src\main\res\drawable下面,使
zy_mr·2018-07-26 18:24

react-native常用组件

制作本地库https://github.com/frostney/react-native-create-library日历https://github.com/wix/react-native-calendars按钮https://github.com/APSL/react-native-buttonhttps://github.com/ide/react-native-button浏览器htt
科明哥_9f6a·2018-07-25 11:29

2018-06-13 RN的学习线路随笔

导致项目全部转手,这边前端没啥事情,现在应领导的要求准备接收app开发的工作.这就导致了我现在必须学习RN的相关知识.首先,我认为RN现在特别的火,相关学习知识也很多,不懂英文就看中文文档,都很好的学习.react-native
风海天·2018-07-25 09:09

React-Native学习之路（八）TabNavigator

TabNavigator2018年7月23日15:46通过TabNavigator来实现底部菜单栏，因为这是一个第三方的库，所以使用这个TabNavigator需要先下载npminstall--savereact-navigation然后导入ImportTabNavigatorfrom'react-native-tab-navigator'因为是个第三方库，它封装得很好，需要几个导航按钮就直接在t
Leon_Jcy·2018-07-24 22:47

React-Native学习之路（六）Navigator

Navigator页面跳转和数据传递2018年7月21日15:371.首先需要导入npminstallreact-native-deprecated-custom-components--save然后在项目中使用navigator的时候import{Navigator}fromreact-native-deprecated-custom-components2.使用Navigator，它有两个函数
Leon_Jcy·2018-07-24 22:34

React-Native学习之路（三）props和state

React-Nativeprops和state2018年7月20日10:23props：即属性，它是用来描述一个组件的特征的，由父组件传递给子组件，而且一经指定，在被指定的组件的生命周期中则不再改变第一个this.props.name就会使用PropsTest的组件，在PropsTest中设置后就能在子组件进行显示默认属性：可以在这个子组件中设置默认的属性，就必须要用到static关键字约束：同样
Leon_Jcy·2018-07-24 21:22

React-Native学习之路（二）组件的生命周期

React-Native组件的生命周期2018年7月19日16:03上图为React-Native组件的生命周期图，由于我编写时constructor已经替代了getDefaultProps和getInitialState
Leon_Jcy·2018-07-24 21:03

ReactNative 自定义封装Radio单选组件

importReact,{Component}from"react";import{Alert,View,Text,StyleSheet,TouchableOpacity,Image,ScrollView}from"react-native
浅夏晴空·2018-07-24 20:04

No component found for view with name “ARTShape”

reactnative中如果遇到你要使用ART，并且遇到报错Nocomponentfoundforviewwithname“ARTShape”4.png1.首先你要找到ART的项目在node_module/react-native
zhaok·2018-07-24 16:55

No component found for view with name “ARTShape”

reactnative中如果遇到你要使用ART，并且遇到报错Nocomponentfoundforviewwithname“ARTShape”4.png1.首先你要找到ART的项目在node_module/react-native
zhaok·2018-07-24 16:55

React-Native / iOS 混编入原生项目

一脸懵逼：吐槽前言后面慢慢吐槽感谢前人分享经验系列：React-Native资料React-Native中文网iOS和Android开发的ReactNative入门指南iOSer迈向前端一小步--OC/
Dombo_Y·2018-07-24 16:55

React Native本地存储引入react-native-storage

)语法,否则在reactnative0.16之后的版本中会报错.初始化importStoragefrom'react-native-storage';import{AsyncStorage}from'react-native
daniel1227·2018-07-23 17:39

刘月林 | zsh: command not found 问题解决

问题描述最近两周在环境配置的过程中总是会碰到一个类似的问题：zsh:commandnotfound，笔者小白在react-native,gitbook的安装和Hexo创建博客的过程中都碰到了上述问题，导致根本无法按照教案的流程继续进行下去
刘月林Yuelin_MELB·2018-07-23 17:14

react-native目录分析

项目结构init的一个项目结构如图：android：Android的原生开发目录，可以用AndroidStudio打开进行原生开发。ios:Ios的原生开发目录，可以用Xcode打开进行原生开发。node_modules:存放所有的项目依赖库，配置package.json之后执行“npminstall”后自动创建的文件夹。.babelrc:Babel的配置文件,Babel是一个广泛使用的转码器，可
daniel1227·2018-07-23 15:27

BackHandler 在非远程调试条件下不能用

在这个页面有讨论：https://github.com/facebook/react-native/issues
laxian2009·2018-07-23 14:15

React-Native开发六 react-navigation之StackNavigator简介

1前言react-navigation是RN开发中一款开源的导航组件，它的功能包括StackNavigator,TabNavigator,DrawerNavigator。react-navigation的出现替代了Navigator、Ex-Navigation等老一代的导航组件，react-navigation可以说是Navigator的加强版，不仅有Navigator的全部功能，另外还支持底部导
带你装逼带你飞的程序猿·2018-07-21 18:48

Cordova和React-Native两种框架的区别和优劣分析

Cordova和React-Native是使用Web开发移动端的两大框架，Cordova是Apache旗下的，React-Native是Facebook旗下的在2013年发布的一个前端框架，两者皆开源。
天工开物_152368·2018-07-20 15:40

【React-Native】集成微信官方安卓端SDK，实现微信登录、发送/分享小程序消息等功能

github地址：https://github.com/afresh/react-native-wechat-android网上已有成熟的第三方插件react-native-wechat（以下简称RNW），本项目是由该插件源码移植过来的，并在原插件基础上实现导入官方SDK和发送小程序消息的功能。本项目基于android端移植开发，有兴趣的同学可自行探索ios端移植。目录准备工作接入SDK阅读微信A
Afresh_Kedou·2018-07-19 21:59

React Native之react-native run-android运行命令报错问题解决

报错如下：StartingJSserver...Buildingandinstallingtheapponthedevice(cdandroid&&./gradlewinstallDebug...Couldnotinstalltheapponthedevice,readtheerrorabovefordetails.MakesureyouhaveanAndroidemulatorrunningor
spicyboiledfish·2018-07-18 18:23

一步一步实现 React-Native 绘制股票K 线

在iOS开发中，绘制K线图时，我们需要使用的画布,然后在画布上一步一步绘制K线，并实现各种交互，那么，在RN中，我们如果实现股票K线的绘制呢？其实，在RN中，绘制K线的方法和原生方法类似，也是通过画布进行绘制。首先，我们需要导入RN中的绘图工具:react-native-svg,不熟悉的大家可以到官方网站上查看使用方式，通过这个工具，我们可以绘制各种样式。下面，我跟大家讲下使用这个库需要注意的地方
liuyun333·2018-07-17 10:09

【Flutter 学习笔记一】Mac OS 安装 Flutter

React-Native我用的比较熟，如果选择用RN，我的工作很快就能完成，但是我还是决定选择Flutter。在专栏中，我会记录从零开始，开发出一个完整App的一些过程和笔记。
enda·2018-07-17 00:00

mac 配置 react-native 安卓模拟器（N次终于成功了）

参照这里的react-native中文文档mac下Android的步骤，配置环境变量都是按照上边链接里的步骤来的，到这里没有安装模拟器执行react-nativerun-android的时候就卡着不动了
River_mx·2018-07-13 15:01

react native父组件和子组件通信（传参）

参考：React-Native发送和接收事件DeviceEventEmitter005-React-Native子组件修改父组件的几种方式，兄弟组件状态修改我想要实现的功能，是点击子类中的一个按钮，在父类中弹出一个
_越努力_越幸运·2018-07-13 10:08

React-Native项目在Android真机上调试

React-Native项目在Android真机上调试？接下来直奔主题，通过USB将手机和电脑连接，打开手机上的USB调试。
小呆一哥·2018-07-12 19:29

react-native 与原生交互，react基类封装，网络框架,reactNative常用工具类

react_demo基本组件搭建，框架先执行命令安装插件npminstall运行命令react-nativerun-android运行项目运行环境：android模拟器（真机）[运行环境]+webStorm（编写工具）+node.js(虚拟机服务器)1.继承ReactContextBaseJavaModule@ReactMethod注解,reactNative调用原生的方法2.继承ReactPac
忆丶chen·2018-07-12 14:03

js fetch 实现 ping效果

我也曾参照过，但似乎效果不好于是利用fetch写了个importReact,{Component}from'react'import{View,TextInput,ScrollView,Text}from'react-native'import
陈杰·2018-07-11 00:00

深入理解react-native

3.ReactNative简介4.ReactJS简介5.JavaScriptCore6.浏览器工作原理7.ReactNative架构7.1.ReactNative、React和JavascriptCore的关系7.2.Bridge各模块简介7.3.BridgeFactory7.4.JSCExecutor7.5.MessageQueue8.ReactNative初始化8.1.原生代码初始化8.2.J
weixin_31027145·2018-07-10 10:11

react-native 常见报错处理

1.java.io.IOException:Couldnotdeletepath'F:\xxxx\android\app\build\intermediates\transforms\dex\debug\folders\1000'.解决：（权限问题导致）以管理员身份运行控制台再运行react-nativerun-android,如果还报错手动删除'F:\xxxx\android\app'目录下的b
轻量开发·2018-07-09 17:46

react-native 支付宝支付 （Android 原生篇）

支付宝支付集成，按照支付宝官方的教程，一步一步走下去就可以了……，刚刚测试可用，在此做个记录,由于内容较多，android和Ios分开写了……android教程ios教程sdk下载一、Android使用方法1.下载并解压sdk，如下图解压后的sdk2.将解压后的sdk放到项目中在项目的android/app/中新建libs/文件夹，将sdk复制进去image.png3.在android/app/b
我的昵称好听吗·2018-07-07 15:31

react-native动态切换tab组件的方法

在APP中免不了要使用tab组件,有的是tab切换,也有的是tab分类切换.这些组件分成下面两种.第一种非常简单,同时大多数第三方组件都能达到效果.这里重点讲述第二种,我们要让第二种组件不仅能左右滑动,同时还能够在点击的时候自动滑动,将点击的位置滑动到正中间.准备我们先来分析一波.一个滑动组件在APP上是一种什么状态.这里可以看出,tab组件需要考虑到长度超过APP的屏幕,并且在超过之后能够滑动.
疯狂紫萧·2018-07-07 10:09

react-native动态tab组件

在APP中免不了要使用tab组件,有的是tab切换,也有的是tab分类切换.这些组件分成下面两种.第一种非常简单,同时大多数第三方组件都能达到效果.这里重点讲述第二种,我们要让第二种组件不仅能左右滑动,同时还能够在点击的时候自动滑动,将点击的位置滑动到正中间.准备我们先来分析一波.一个滑动组件在APP上是一种什么状态.这里可以看出,tab组件需要考虑到长度超过APP的屏幕,并且在超过之后能够滑动.
疯狂紫萧·2018-07-06 15:09

code-push的使用

需要注意的是，针对react-native只能推送js和image，其他的不能推送。比如，安卓文件被
_越努力_越幸运·2018-07-05 16:26

react-native-smart-barcode（react-native二维码扫描）

我看了好多人的react-native-smart-barcode多多少少有些问题，踩了好多坑搞定了。npminstallreact-native-smart-barcode--saveandroid端集成：在android/settings.gradle文件中：...include':react-native-smart-barcode'project(':react-native-smart-
妄自·2018-07-05 15:45

react-native其他速记

grepnode查看node进程pkil-9node杀掉node进程homebrewwatchman/flow/gcc/pkg-config/cario/libpng/jpeg/gitlab/mongodb/gitnvmxcode-select--installonmyzshAndroid记录打包1.打包android目录下：先./gradlewclean，后：./gradlewassembleR
JTR354·2018-07-05 12:27

react-navigation转场动画效果(跨页跳转和跨页回跳)

在react-native开发过程中，往往会遇到产品的各种关于转场动画的需求，比如登录页需要从地步modal上来，又或者有这种需求，push的页面是A->B->C->D,然后他要求pop回去的路线是D-
cp__kong·2018-07-05 11:49

React Native 调试篇

我的环境配置：1.Windows10操作系统2.本机已经装好了NodeJS,Python,JDK83.以官方文档https://facebook.github.io/react-native/docs/
soulsun·2018-07-02 11:09

iOS 原生项目集成的RN中使用reactnavigation报错

/node_modules/react-native',:subspecs=>['
一直搬着砖·2018-07-01 14:30

react-native中解决listView不能局部刷新问题

刚在用一个listView写的九宫格，效果要求是点击每个item发生改变，我发现数据源变了但是状态没变，最开始我是使用一个临时数组保存数据源，在点击每个item的时候改变数据源的熟悉，这样就做到了数据源发生变化了这是点击每个item的方法改变数据源event(rowData,rowId){array=this.state.tempDataSource;//这是浅拷贝array[rowId].isS
如风而行·2018-06-29 11:04

react-native踩坑记录

键盘遮挡描述ios靠近手机屏幕下方的输入框获得焦点时，键盘弹出，但是输入框并没有往上移。意味着比键盘低的内容都会被遮挡，而且你没办法手动往上移。结果就是在键盘消失之前，你根本看不到自己输入了什么鬼内容。解决使用第三方插件npminstallreact-native-keyboard-aware-scroll-view--save代替原来的ScrollView组件：//import{ScrollVi
原罪·2018-06-27 00:00
上一页 107 108 109 110 111 112 113 114 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他