xiangzhihong8的专栏

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

排序:
默认
按更新时间
按访问量

Flutter环境搭建

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

2018-03-16 23:54:00

阅读数:1573

评论数:1

在Mac上搭建React Native开发环境

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

2016-12-28 21:45:26

阅读数:16305

评论数:2

React Native实现一个自定义模块

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

2016-12-10 22:08:07

阅读数:5036

评论数:0

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

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

2016-11-27 11:07:03

阅读数:8541

评论数:1

初识Node.js

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

2016-10-17 22:07:38

阅读数:3697

评论数:0

React Native项目组织结构介绍

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

2016-09-28 18:57:41

阅读数:8269

评论数:2

React Native运行原理解析

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

2016-09-22 15:54:18

阅读数:37050

评论数:3

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

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

2016-08-16 20:12:57

阅读数:21577

评论数:0

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

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

2016-07-24 09:40:10

阅读数:3915

评论数:0

react-native-router-flux路由库详解

react-native-router-flux 是一个基于 react-navigation 路由框架,简化了RN页面跳转的步骤,并且一直随着 react-navigation 升级更新版本。使用react-native-router-flux 框架,可以将全部的页面跳转的处理逻辑都写在一个地方...

2018-10-10 19:13:12

阅读数:34

评论数:0

美团React Native基础组件库beeshell详解

近年来,伴随着大前端概念的提出和兴起,移动端和前端的边界变得越来越模糊,涌现了一大批移动跨平台开发框架和模式。从早期的PhoneGap、inoc等Hybird技术,到现在耳熟能详的React Native、Weex和Flutter等技术,无不体现着移动端开发的前端化。而提供一套三端统一的开发框架,...

2018-10-02 10:35:58

阅读数:138

评论数:0

React Native与Android的交互

在使用RN进行跨平台开发的过程中,经常会设计到跨平台调用相关的内容,而在于RN进行交互的时候,最核心的就是RN提供的Component和Module。 其中,Component是专门将Native的UI暴露出来供JS调用的,而Native Module则是将Native的模块暴露出来供JS调用的...

2018-09-14 18:11:41

阅读数:71

评论数:0

React Native第三方组件库汇总

移动跨平台框架React Native经过4年的发展,其生态已经变得异常丰富,在使用React Native开发项目的过程中,为了提高开发效率,我们经常会借鉴一些使用使用率比较高的开源库,根据大众的需求,对这些使用较高的 React-Native UI 库,我们做一个简单的总结和归类,方便大家更好...

2018-08-18 20:14:07

阅读数:801

评论数:2

React Native原生模块向JS传递数据的几种方式

在做React Native开发的时候避免不了的需要原生模块和JS之间进行数据传递,原生模块向JS传递数据可以通过Callbacks、Promises和事件监听等三种方式来实现。 Callbacks方式 说起Callbacks大家都不陌生,它是最常用的设计模式之一。无论是Java,Obje...

2018-08-03 22:46:50

阅读数:118

评论数:0

React Native中的ReadableMap和WritableMap

React Native在跟安卓原生交互的数据类型中,有两个类型会经常被用的:ReadableMap和WritableMap,在讲解ReadableMap和WritableMap之前先看看Java于RN的类型的对应关系。 Boolean -> Bool Integer -&...

2018-08-03 10:37:27

阅读数:164

评论数:0

React-Native 样式指南

React-Native 的样式基本上是实现了 CSS 的一个子集,并且属性名不完全一致,所以当你开始在编写 React-Native 之前,可以先简要了解一下。 目录 Properties 属性 Text 文本 Dimension 尺寸 Positioning 定位 Margin 外部白...

2018-07-26 22:44:57

阅读数:68

评论数:0

React Native自定义弹出警告框

React Native开发中,为了和ios效果保持一致,有些控件需要自己定义,如在警告弹框中,React Native本来已经提供了Alert控件,但是其效果在Android上是非常的丑陋的,所以为了满足产品同学的需要,只能自定义了。下面是其实现的效果: 实现也非常的简单,使用Modal来...

2018-07-20 11:34:09

阅读数:211

评论数:0

React组件详解

3.6.1 React组件简介 众所周知,组件作为React的核心内容,是View的重要组成部分,每一个View页面都由一个或多个组件构成,可以说组件是React应用程序的基石。在React的组件构成中,按照状态来分可以分为有状态组件和无状态组件。 所谓无状态组件,就是没有状态控制的组件,只做...

2018-07-19 23:08:31

阅读数:71

评论数:0

React Native与原生交互之跳转及传参

React Native(简称RN)开发的app大部分都可以在JS端完成,但是也有一些复杂的功能是需要原生端来完成的,或者是在原生项目中集成RN,此时RN与原生端就不可避免的需要进行交互,比如页面跳转和数据传递。...

2018-07-13 11:03:12

阅读数:320

评论数:0

React Native 图表组件Echarts

一种在 React Native 中封装的响应式 Echarts 组件,使用与示例请参见:react-native-echarts-demo 近年来,随着移动端对数据可视化的要求越来越高,类似 MPAndroidChart 这样的传统图表库已经不能满足产品经理日益变态的需求。前端领域数据...

2018-07-12 09:54:58

阅读数:381

评论数:0

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