xiangzhihong8的专栏

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

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

Flutter环境搭建

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

2018-03-16 23:54:00

阅读数:1187

评论数:1

在Mac上搭建React Native开发环境

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

2016-12-28 21:45:26

阅读数:15806

评论数:2

React Native实现一个自定义模块

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

2016-12-10 22:08:07

阅读数:4901

评论数:0

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

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

2016-11-27 11:07:03

阅读数:8143

评论数:1

初识Node.js

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

2016-10-17 22:07:38

阅读数:3653

评论数:0

React Native项目组织结构介绍

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

2016-09-28 18:57:41

阅读数:8107

评论数:2

React Native运行原理解析

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

2016-09-22 15:54:18

阅读数:35003

评论数:3

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

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

2016-08-16 20:12:57

阅读数:21126

评论数: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

阅读数:3900

评论数:0

React Native第三方组件库汇总

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

2018-08-18 20:14:07

阅读数:215

评论数:0

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

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

2018-08-03 22:46:50

阅读数:64

评论数:0

React Native中的ReadableMap和WritableMap

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

2018-08-03 10:37:27

阅读数:57

评论数:0

React-Native 样式指南

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

2018-07-26 22:44:57

阅读数:36

评论数:0

React Native自定义弹出警告框

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

2018-07-20 11:34:09

阅读数:111

评论数:0

React组件详解

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

2018-07-19 23:08:31

阅读数:42

评论数:0

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

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

2018-07-13 11:03:12

阅读数:100

评论数:0

React Native 图表组件Echarts

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

2018-07-12 09:54:58

阅读数:138

评论数:0

React Native原生与JS层交互

最近在对《React Native移动开发实战》一书进行部分修订和升级。在React Native开发中,免不了会涉及到原生代码与JS层的消息传递等问题,那么React Native究竟是如何实现与原生的互相操作的呢? 原生给React Native传参 原生给React Native传值...

2018-07-07 16:39:43

阅读数:340

评论数:0

React Native组件之VirtualizedList

React Native(简称RN)列表是基于ScrollView实现的,也就是可以滚动的,然而RN并没有直接使用IOS或Android的原生列表组件,这是因为RN真正调用native代码的过程是异步的,二Native的渲染要求必须同步渲染的。 在早期版本中,对于列表情况RN采用的是ListVi...

2018-07-06 17:13:41

阅读数:194

评论数:0

React Native新组件之SwipeableFlatList

做过移动开发的同学都应该清楚,侧滑删除是移动开发中的一个常见功能。在官方没提供侧滑组件之前,要实现侧滑效果需要使用第三方库,如react-native-swipe-list-view。不过随着React Native 0.50版本的发布,系统新添加SwipeableFlatList组件,Swipe...

2018-07-02 17:20:58

阅读数:173

评论数:0

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