![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react native
文章平均质量分 66
danding_ge
这个作者很懒,什么都没留下…
展开
-
【react native】the Haste package `react-native-vector-icons` was found.
react-native run-android 时,报如下错误:error: bundling failed: Error: While resolving module `react-native-vector-icons/MaterialIcons`, the Haste package `react-native-vector-icons` was found. However the原创 2018-01-15 00:15:55 · 3469 阅读 · 4 评论 -
【react-native】0.57版本打包错误,SDK版本不匹配问题:Execution failed for task 'xxx:verifyReleaseResources'
react-native版本:0.57.1这个问题原本不是rn版本的问题,原因是0.57.1将Android SDK的版本更新到27了,这与大多第三方使用了原生代码的插件不兼容了,因为第三方更新不及时,SDK还是旧的版本。先来看下错误日志: error: invalid file path 'D:\xxx\node_modules\react-native-version-num...原创 2018-10-25 15:52:24 · 12950 阅读 · 1 评论 -
【React-Native】windows环境下Android真机调试指南
推荐使用IntelliJ IDEA作为react-native项目的IDE,它兼有Android Studio和WebStorm的功能,也就是既支持安卓开发同时也支持web开发(包括react的jsx语法),且调试起来相当方便。 准备工作下载安卓SDK。 安装配置IDEA。 一个rn项目。 一台安卓手机,需开启USB调试。 真机调试在项目根目录下shift+右键 -...原创 2018-08-20 17:34:18 · 4227 阅读 · 2 评论 -
关于react-native的0.56新版本服务报错问题
新版本0.56版本才有这个问题。 先来看问题node.js 的服务报错: 如果你的错误和我这两张图一样,并且react native版本是0.56,那么恭喜你,这个奖是必中的!解决方案其实就是新版本的问题,只要用稳定的版本重新生成项目就OK了,下面提供一个亲测有效的方法。react-native init demo --verbose --version 0....原创 2018-08-03 18:00:29 · 2069 阅读 · 0 评论 -
【React-Native】集成微信官方安卓端SDK,实现微信登录、发送/分享小程序消息等功能
github地址:https://github.com/afresh/react-native-wechat-android网上已有成熟的第三方插件react-native-wechat(以下简称RNW),本项目是由该插件源码移植过来的,并在原插件基础上实现导入官方SDK和发送小程序消息的功能。本项目基于android端移植开发,有兴趣的同学可自行探索ios端移植。目录准备工作...原创 2018-07-19 21:34:59 · 5057 阅读 · 0 评论 -
【react-native-router-flux】多级回退传值刷新页面
app开发中经常会遇到带参返回多级并刷新页面的功能,如Scene A(列表) -> Scene B(新增后下一步) -> Scene C(保存) -> Scene A(刷新列表)。react-native-router-flux目前版本"react-native-router-flux": "^4.0.0-beta.31",尝试了几个解决方案:1.Actions.pop({pop...原创 2018-05-30 17:10:13 · 5321 阅读 · 11 评论 -
【react-native-picker】undefined is not an object (evaluating 'Picker._init') (android)解决方案
在安装react-native-picker过程中,react-native link报错,且没有任何错误日志说明错误原因,导致运行项目时出现undefined is not an object (evaluating 'Picker._init')的错误。网上找到了两个解决方案:https://github.com/beefe/react-native-picker/issues/289http...原创 2018-06-05 17:30:39 · 2697 阅读 · 0 评论 -
【搭建react-native项目框架】中文文档
随着对react native的深入学习和实战积累的开发经验,我已经重新建立了一个新项目react-native-boilerplate-dolphin。此项目是一个rn app的模板项目,可用于学习和二次开发。github项目地址https://github.com/afresh/tadpole目录1.创建项目2.添加内容页3.集成第三方路由和tab页4.自定义T...原创 2018-05-29 15:27:16 · 3556 阅读 · 0 评论 -
【搭建react-native项目框架】7.自定义头部导航
此节用到了第三方路由react-native-router-flux,关于集成路由请移步《【搭建react-native项目框架】3.集成第三方路由和tab页》。1.在components内添加header.js文件import React, { Component } from 'react';import { Platform, StyleSheet, Touchab...原创 2018-05-29 15:19:12 · 2674 阅读 · 0 评论 -
【搭建react-native项目框架】6.Toast吐司,消息提示
在移动端,Toast方式提示消息更为普遍。安装插件react-native-easy-toast,github地址:https://github.com/crazycodeboy/react-native-easy-toast,中文文档:https://github.com/crazycodeboy/react-native-easy-toast/blob/master/README.zh.md$...原创 2018-05-29 11:25:04 · 2683 阅读 · 2 评论 -
【搭建react-native项目框架】5.耗时代码处理,Loading加载动画
我们经常需要执行耗时较长的代码。为了良好的用户体验,我们在异步处理耗时代码时,采用Loading加载动画的形式来等待处理。这里参考了《React native Model组件的使用》。1.在components下新建loading.js文件,如下/** * 调用说明: * <Loading ref={r=>{this.Loading = r}} hide = {true} />...原创 2018-05-29 10:30:49 · 3967 阅读 · 0 评论 -
【搭建react-native项目框架】4.自定义TabBar中间按钮,实现播放时旋转动画
关于如何集成TabBar,请看上一节《【搭建react-native项目框架】3.集成第三方路由和tab页》本节只讲解如何自定义TabBar的中间按钮,以及播放时旋转动画的实现。关于动画与播放器的集成可以参考https://github.com/pheromone/react-native-videoDemo,但这个项目目前安卓存在bug,所以我只借鉴了动画部分。还是先来看效果图...原创 2018-05-28 17:08:56 · 2156 阅读 · 3 评论 -
【搭建react-native项目框架】3.集成第三方路由和tab页
这里需要用到两个第三方插件:react-native-router-flux 路由,https://github.com/aksonov/react-native-router-fluxreact-native-scrollable-tab-view 选项卡,https://github.com/skv-headless/react-native-scrollable-tab-viewprop-t...原创 2018-05-28 11:51:22 · 2394 阅读 · 0 评论 -
【搭建react-native项目框架】2.添加内容页
我们需要先写几个tab的内容页和其他页面,来为下一节集成路由和tab做个铺垫。先来看一下项目结构如图添加一个home.js文件作为tab的内容页,代码如下import React, { Component } from 'react';import { StyleSheet, View, Text,} from 'react-native';export defau...原创 2018-05-28 11:23:17 · 1157 阅读 · 0 评论 -
【搭建react-native项目框架】1.创建项目
由于博主没有ios环境,所以本项目均以安卓环境进行,ios环境请各位自行打包测试。本项目github地址:https://github.com/afresh/tadpole随着对react native的深入学习和实战积累的开发经验,我已经重新建立了一个新项目react-native-boilerplate-dolphin。此项目是一个rn app的模板项目,可用于学习和二次开发。...原创 2018-05-25 16:31:22 · 1369 阅读 · 0 评论 -
【react-native】0.57版本打包报错:Could not resolve all files for configuration ':app:releaseCompileClasspath
react-native版本:0.57.1这个问题原本不是rn版本的问题,原因是0.57.1将Android SDK的版本更新到27了。先来看下错误日志: > Task :app:preReleaseBuild FAILEDFAILURE: Build failed with an exception.* What went wrong:Could not res...原创 2018-10-25 16:07:13 · 17316 阅读 · 4 评论