![](https://img-blog.csdnimg.cn/20190902145523204.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
[ReactNative]
ReactNative相关学习基础知识和教程
zq_Hero
wx: zqhero_wx
展开
-
(React-Native 学习之十 ) React-navigation 的使用:
前言:React-Native 是我们移动开发中经常会接触到的开发语言。因此在发展还比较年轻的ReactNative语言开发中,我们避免不了接触一些第三方库。今天就介绍下博主在 学习ReactNative中碰到的一个使用率比较高的库 :react-navigation 库。本篇文章主要记录下 react-navigation的传值,以及f方法回调。以及用的比较多的 TabNavigator...原创 2018-08-27 20:47:52 · 344 阅读 · 0 评论 -
React-Navigation 使用警告:Warning: isMounted(...) is deprecated in plain Javascript Classes.
React-Navigation 使用警告提示:Warning: isMounted(...) is deprecated in plain Javascript Classes.Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory...原创 2018-08-27 16:09:08 · 441 阅读 · 0 评论 -
ReactNative 错误: Module `AccessibilityInfo` does not exist in the Haste module map
ReactNative 开发中常见错误:前言:ReactNative 开发中 博主 分别执行了>react-native init zqDemo>npm install>react-native run-android后报错 信息:手机出现了红屏 并提示以下错误:Loading dependency graph, done.error: bund...原创 2018-08-25 21:33:05 · 2666 阅读 · 0 评论 -
(React-Native 学习之四) RN 官方Demo 搭建 RNTester 运行
一,前言: 学习react-native相信对于我们最好的教程就是官方教程。因此学习和查看官方demo。是我们学习进步的阶梯。本文是博主学习react-native中遇到的一些基本问题,分享出来供大家学习和参考: 转载请注明出处:http://blog.csdn.net/u013233097/article/details/78362760 如果对你有用,欢迎fork原创 2017-10-27 11:12:20 · 5024 阅读 · 0 评论 -
(React-Native 学习之一) Windows版本搭建安装React Native环境配置
Reat-Native 环境配置以及软件安装说在前面的话: 感谢同事金晓冰倾情奉献本环境搭建教程 之前我们已经讲解了React Native的OS X系统的环境搭建以及配置,鉴于各大群里有很多人反应在Windows环境搭建出现各种问题,今天就特意更新一贴来说明。关于os x环境搭建以及react native入门学习资料请移步: http://www.lcode.org转载 2017-10-27 16:18:12 · 446 阅读 · 0 评论 -
(React-Native 学习之二) Windows 版本 RN开发相关 软件安装
一,Chocolatey 安装:Chocolatey是一个Windows上的包管理器,类似于linux上的yum和 apt-get。 你可以在其官方网站上查看具体的使用说明。一般的安装步骤应该是下面这样:一般来说,使用Chocolatey来安装软件的时候,需要以管理员的身份来运行命令提示符窗口。译注:chocolatey的网站可能在国内访问困难,导致上述安装命令无法正常完成。请使用稳定的翻墙工具。原创 2017-11-28 10:42:00 · 2501 阅读 · 0 评论 -
(React-Native 学习之三) Yarn 和 npm 相关命令 以及区别
前言 :Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。一,需要了解的命令:npm install === yarn —— install 安装是默认行为。npm install taco --save === yarn add taco —— taco 包立即转载 2017-11-28 10:55:32 · 5449 阅读 · 0 评论 -
(React-Native 学习之五) HelloWorld RnDemo运行
安装好环境后:gitbash 执行命令:react-native init AwesomeProjectcd AwesomeProjectreact-native run-androidcmd 启动模拟器命令:C:\Users\22945>emulator -list-avdsNexus_5X_API_26demoPixel_API_25C:\Users\22945>emulator -av原创 2017-11-29 15:39:26 · 571 阅读 · 0 评论 -
(React-Native 学习之六) react-native-router-flux 组件学习(页面间的跳转)
在youtube上看到这个组件的视频,感觉挺好用的. 这是一个导航组件,导航是app中比较重要的内容github地址直接跳转的用法,非常直观和简单。看代码,简单的注释一下 //index.js import React, { Component } from 'react';import { Router, Scene } from 'react-native-rout转载 2017-12-04 18:28:19 · 2616 阅读 · 0 评论 -
(React-Native 学习之七) Rn混合开发之--Activity直接引用React native组件
简介:Activity 和 ReactNative 混合开发时,有时我们需要直接引入已经写好的reactNative js组件。此时就需要我们对Activity如何引用ReactNative进行了解。 本篇介绍了Activity如何直接应用一个写好的ReactNative组件。具体步骤:1,AndroidStudio创建 项目:1.1 命令行进入项目根目录执行命令:> npm init> np原创 2017-12-28 08:54:19 · 1408 阅读 · 0 评论 -
React-Native 常见错误
错误1,类库加失败:01-03 17:56:13.172 31797-31890/com.hero.zhaoq.androidkissreactnative E/BlobCache: unflatten: not enough room for cache entry headers01-03 17:56:13.172 31797-31890/com.hero.zhaoq.androidkissr原创 2018-01-03 17:59:47 · 493 阅读 · 0 评论 -
(React-Native 学习之八) Rn混合开发之--Android原生代码 和 ReactNative 通信
本篇讲述 ReactNative 原生代码 和 ReactNative相互通信,方法之间的调用:项目是接着上篇文章写得:上篇:(React-Native 学习之七) Rn混合开发之–Activity直接引用React native组件项目结构:界面:代码:主要分三个部分 直接引用 Rn界面,和 原生调用 Rn吐司,以及Rn调用原生吐司。直接引用界面已在上篇给出。下面是 方法调用。当然还有其原创 2018-01-03 18:22:36 · 2084 阅读 · 0 评论 -
mac 运行 react native run-iOS 报错
mac 运行 react native run-iOS 报错用web storm 运行react-native 工程时,出错:xcrun: error: unable to find utility “instruments”, not a developer tool or in PATH解决办法: 解决方法:在 终端执行如下命令 sudo xcode-select -s /Appli原创 2018-02-02 15:11:15 · 973 阅读 · 0 评论 -
react-native 开发常用第三方 工具:
ReactNative 开发常用第三方: 楼主在 reactNative 开发中,经常会碰到自定义组件的问题,原生组件不够用,经常需要我们自定义组件。或者需要npm使用第三方已经写好的 工具,下面就总结一下 ,rn开发中常用的工具:1,react-native viewpager 一款兼容Android和iOS,左右滑动的控件:开源地址和使用规范 Gi...原创 2018-02-26 16:57:05 · 759 阅读 · 0 评论 -
(React-Native 学习之九) React-native-device-info 的使用:
前言:顾名思义 React-native-device-info 本第三方就是为了 获取设备信息。实际上react-native有很多类似第三方,并且使用方式和本例大体相同。作为示例记录下,供有需要的同学学习:1,初始化项目:初始化一个 react-Native项目:命令:win+R // 进入命令行cd desktop //进入桌面react-Native in...原创 2018-03-21 16:56:41 · 10645 阅读 · 1 评论