xiangzhihong8的专栏

技术群:515980159,278792776;招聘群:188716429

React Native开发之react-navigation库详解

众所周知,在多页面应用程序中,页面的跳转是通过路由或导航器来实现的。在0.44版本之前,开发者可以直接使用官方提供的Navigator组件来实现页面的跳转,不过从0.44版本开始,Navigator被官方从react native的核心组件库中剥离出来,放到react-native-depreca...

2019-06-04 07:55:52

阅读数 128

评论数 3

Flutter环境搭建

这几年,移动跨平台的趋势可以说是越来越明显,技术实现上也是百花争艳,不过究其实现,无外乎有那么几种。 Web 流:也被称为 Hybrid 技术,它基于 Web 相关技术来实现界面及功能。 代码转换流:将某个语言转成 Objective-C、Java 或 C#,然后使用不同平台下的官方工具来开发...

2018-03-16 23:54:00

阅读数 3707

评论数 1

在Mac上搭建React Native开发环境

概述前面我们介绍过在window环境下开发React Native项目,今天说说怎么在mac上搭建一个RN的开发环境。配置mac开发环境基本环境安装1.先安装Homebrew:用于安装NodeJS和其他工具。 注:Homebrew详解,对这个比较了解的略过,我也是用mac没多久,这里给小白普...

2016-12-28 21:45:26

阅读数 17497

评论数 2

React Native实现一个自定义模块

概述在 前期介绍React Native 项目结构的时候,我们讲解过React的项目组成,其中说过 node_modules 文件夹,这是一个存放 node 模块的地方。我们知道React是用npm来管理项目的。提到npm,一般指两层含义:一是 Node.js 开放式模块登记和管理系统,另一种是 ...

2016-12-10 22:08:07

阅读数 5350

评论数 0

Intellij IDEA 插件开发之自建插件仓库

Intellij IDEA 有一个自己的官方的插件仓库,但是当我们的开发的 Intellij IDEA 的插件不能够对外公开时,我们就需要搭建自己的 Intellij IDEA 的插件仓库。前不久我们也尝试着使用Intellij IDEA自己开发一个插件点击打开链接。搭建 Intellij IDE...

2016-11-27 11:07:03

阅读数 9878

评论数 2

初识Node.js

相信对于专注javascript发展的同学来说,nodejs已经不是一个陌生的词眼。有关nodejs的相关资料网上已经铺天盖地。由于它的高并发特性,造就了其特殊的应用地位。借用Node.js官网的定义:Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node...

2016-10-17 22:07:38

阅读数 3865

评论数 0

React Native项目组织结构介绍

代码组织:目录结构:. ├── components //组成应用的各个组件 │   ├── Routers.android.js //每个组件若实现不一样,分为android的实现和ios的实现。 │   ├── Routers.ios.js │   ├── common ...

2016-09-28 18:57:41

阅读数 8550

评论数 2

React Native运行原理解析

Facebook 于2015年9月15日推出react native for Android 版本, 加上2014年底已经开源的IOS版本,至此RN (react-native)真正成为跨平台的客户端框架。本篇主要是从分析代码入手,探讨一下RN在安卓平台上是如何构建一套JS的运行框架。一、 整体架...

2016-09-22 15:54:18

阅读数 41961

评论数 4

WebStorm开发工具设置React Native智能提示

最近在做React Native开发的时候,相信大家一般会使用WebStorm,Sublime,Atom等等开发工具。二之前搞前端的对WebStorm会很熟悉,WebStorm最新版是WebStorm2016.2.1,React Native默认不能智能提示代码,githun有一个开源的插件:...

2016-08-16 20:12:57

阅读数 22745

评论数 1

window环境下搭建react native及相关插件

可以先浏览一下中文翻译的开发文档具体了解一下关于React Native,想要查看官方文档可以点http://facebook.github.io/react-native/docs/getting-started.html。 在官方文档中,只给出在Window上安装React Native的...

2016-07-24 09:40:10

阅读数 3948

评论数 0

React Native 应用深度链接是如何通过 URL打开到指定页面

什么是深度链接(Deep Link) 深度链接是一项可以让一个App通过一个URL地址打开,之后导航至特定页面或者资源,或者展示特定UI的技术,Deep 的意思是指被打开的页面或者资源并不是App的首页,最常使用到的地方包括但远远不限于 Push Notification、邮件、网页链接等。 其实...

2019-08-19 09:17:42

阅读数 38

评论数 0

关于requireNativeComponent: "RNCWKWebView" was not foun的问题

最近在升级React Native项目时发现,React Native已经将WebView组件从react-native基础库中移除了,并建议开发者使用react-native-webview,安装之后,我使用 react-native link react-native-webview链接原生库...

2019-07-27 22:47:10

阅读数 127

评论数 0

React Native 0.60 RC1新特性

React Native(简称RN)是Facebook于2015年4月开源的移动跨平台开发框架,是Facebook在早先开源的React前端框架在原生移动平台的衍生产物,目前支持iOS和Android两大原生移动平台。 目前,经过数百名贡献者数月的努力,React Native 迎来了 0.60 ...

2019-07-04 16:47:41

阅读数 285

评论数 0

React Native热更新之CodePush

CodePush简介 作为一个跨平台应用开发框架,React Native虽然在动态更新方面提供了动态更新的基础,但是动态更新技术并没有想象的那么完善。好在微软开发了CodePush,填补了React Native应用在动态更新方面的空白。 CodePush是微软提供的一套用于React Nati...

2019-06-20 12:02:32

阅读数 75

评论数 0

React Hook快速入门

Hook简介 React Hooks是React 16.7.0-alpha版本推出的新特性,目的是解决React的状态共享问题。称之为状态共享可能描述的并不是很恰当,称为状态逻辑复用可能会更恰当,因为React Hooks只共享数据处理逻辑,并不会共享数据本身。 在React应用开发中,状态管理是...

2019-06-11 07:55:35

阅读数 151

评论数 0

Android与RN层的交互

Android跳转到RN页面 由于主客是以插件化的方式集成功能插件的,所以在主客中Android跳转到RN页面需要plugin、module和component。plugin、module不过多解释,component对应的是具体的js页面,要成功启动此页面,需要在对应的RN二方库中注册此页面。例...

2019-05-09 20:08:12

阅读数 94

评论数 0

React Native 0.59.x新特性解读

概述 众所周知,在现在的前端技术开发栈中,跨平台开发是一个重要的课题,不管是老牌的Hybird还是最近流行的RN、Weex还是Flutter,不得不说,现在前端和客户端的界限越来越模糊。 最近在写《React Native跨平台开发进阶》一书,也是对之前的《React Native移动跨平台开发实...

2019-04-17 11:39:37

阅读数 361

评论数 0

Vue开发React Native应用详解

概述 自从2015年4月React Native 发布以来后,关于移动跨平台的话题就层出不穷,不管是大公司还是小公司都在开始使用React Native 来开发跨平台App。不过,也有公司对React Native 并不看好,如Airbnb在去年就开始宣布弃用React Native ,不管如何,...

2019-04-09 20:41:42

阅读数 442

评论数 2

React Native弹框封装

在使用RN开发项目时,经常会遇到各种弹框,产品在设计时又是参照iOS来做的,效果如下: 基于此,我们就来封装一个这样的组件,下面是示例代码: import React, {Component} from 'react'; import PropTypes from 'prop-types'; ...

2019-02-28 17:39:51

阅读数 304

评论数 1

React Native官方拆包之metro bundle

简介 快速入门 安装 安装metro-core依赖主要有两种方式:npm和yarn。npm安装的命令如下: npm install --save-dev metro metro-core yarn方式的安装命令如下: yarn add --dev metro metro-core 运行 met...

2018-12-17 19:02:04

阅读数 1168

评论数 1

提示
确定要删除当前文章?
取消 删除