开发 QRN 项目 #

配置开发环境 #

首先需要配置开发环境,在手机或模拟器中安装客户端并配置好开发工具,请参考 开发工具 中的详细说明。

开发建议 #

在配置完环境之后,就可以愉快的开始Coding了。

最重要的是,我们有Demo哦!Demo在这儿

静态资源的使用 #

在项目的 ./src/scripts/assets 文件夹中有 QFontSet.jsQImageSet.js 两个文件,分别用来注册字体和图片资源的,只有在这两个文件中注册过的静态资源才能被打包工具打包。

dev-resource

字体示例

<Text style={{fontFamily:'hybridId_font1'}}>{'\uf089'}</Text>

字体使用注意事项

  1. 上图中的 hybridId_font1hybridId_font2 指的是字体文件本身的font-name,也是在项目中使用时的fontFamily。这个名称必须以 hybridid_ 开头,否则打包文件会报错。
  2. 可以使用 iconfont服务 来创建项目字体,每个字体项目生成的字体文件的font-name就是对应的项目名。
  3. 字体icon的编码是这么转化来的:

    dev-icon

图片示例

<Image style={{height: 800, width: 600}} source={{uri: require('QImageSet').img1}} />

Coding之后,可以进入测试发布环节了。

下一步:Testing with QRN Now