react-native-art-绘图入门

在React Native中ART是个非常重要的库,它让非常酷炫的绘图及动画变成了可能。但是可能是知道的人真的不多导致文档及少中文更少。很多都是把英文的参数列表翻译过来,也没有案例。于是决定出这样一份入门文档及可能遇到的坑,希望能够帮助到大家。本文的示例工程https://github.com/xu-duqing/React-Native-ART-Sample

Mehr lesen

两种往WebView中注入CSS的方式

前言

两年前有个项目需要在WebView中修改H5的样式,当时为解决这个问题还是费了一点时间。今天同事也遇到类似的需求找到我,于是决定整理出来供有需要的人参考。

Mehr lesen

React-Native-For-Android图片热更新

RN对图片加载支持了很多套方案,

1
2
3
4
5
6
7
8
//加载远程图片
<Image source={{url:'http://www.wacai.com/icon.png'}} />
//加载res类的图片
<Image source={{url:'icon'}} />
//加载指定文件系统的图片
<Image source={{url:'file:///sdcard/icon.png'}} />
//这个比较流弊,请看下文介绍
<Image source={require('./assets/img/icon.ong')}

Mehr lesen

使用javassist修改apkpatch包

起因

公司在使用AndFix的时候发现用阿里提供的apkpatch工具生成的patch包少了很多内容,仔细一查发现我们用了multiDex进行分包。而查看apkpatch代码发现只对classes.dex进行了比较。由于阿里并没有将这个开源,于是只能修改jar包了。当然有很多方法这里用的是javassist这个库做的。这篇文章目的就是介绍如何使用javassist修改jar包。

Mehr lesen

React-Native之UI设计

React设计的初衷就是为前端提供可复用、高性能的UI组件。引申到Native自然也是以此为目的。有消息称之后还要解决Native的逻辑部分,虽说完全有这个可能。但就当前情况而言如何丰富组件才是React-Native的首要任务。接下来我们就来了解下如何运用React提供的组件进行UI设计。

UI层重要的两个元素,一是组件,二是样式(控制组件的显示)

这篇只是一个组件使用的入门教程,不会文档式的介绍组件中的参数,只是从几个demo出发介绍基本的使用及概念。想要得到更丰富的props还是需要去React-Native的文档中查看。

Mehr lesen

初识React-Native

上一章我们成功的运行起了一个ReactNativeForAndroid的App。今天我们从index.android.js开始,介绍React-Native是如何工作的。

Mehr lesen

React-Native之Android开发

导读的导读

距FeachBook发布React-Native也有段时间了,最初以为只是前端搞出的一个新玩具罢了,无非就是用java script可以开发IOS应用。发布的时候就看过并写了一个demo,由于对前端的技术不熟悉并没有感觉有什么卵用,最多就是觉得js比OC好学一点就没怎么关注。后来听说还可以开发Android应用并且可以和IOS共用一份代码,一下吸引了大家的眼球。“一次编写,处处运行”多么美好的愿景。于是一直期盼这Android版本的发布,9月15号终于发布了。我也是第一时间将之前写的demo成功的在Android平台上运行,很激动。当然并不是很顺利,还是改了一些不兼容的代码。

Mehr lesen

Flux框架之于Android应用

上次分享也吐槽了Android之于单元测试的困难重重,原因也就不多说了详见Android 进行单元测试难在哪。Flux是前端的一个基于数据流的框架,做到层于层之间很好的分离。基于这个思想在Android做了验证,很好的支持了单元测试。

Mehr lesen

Data-Bindign到底有什么用?

上一章介绍了Data Binding是如何使用的。那么我们不经要问,这个到底有什么用?引入了一堆包编译那么慢,难道就为了少写一点findViewById()。而且布局文件本身就已经很乱了,在嵌入一堆的逻辑代码。真的好吗?真 的 很 好

Mehr lesen

android-data-binding-技术介绍-1

上一章我们简单了解了一下MVVM框架,这一章具体了解一下MVVM在Android中运用 DataBinding。

Mehr lesen