[译]React Native 开源 Material Design 组件 (react-native-material-design)

1,593 阅读1分钟
原文链接: www.lcode.org

尊重版权,转载请注明出处

本文来自:江清清的技术专栏-翻译组(www.lcode.org[2])

翻译计划项目:github.com/jiangqqlmj/…[3]

开源项目地址:github.com/react-nativ…[4]

该组件项目实现MaterialDesign(物料设计)风格。该项目是@bingg在nrm[5]项目的基础上面进行重构封装开发,改进点如下:

  1. 支持React Native最新版本
  2. 修复很多bugs
  3. 新增一些额外的组件
  4. 以及增强Android SDK  API 16之后的兼容性

刚创建的React Native技术交流2群(496601483)欢迎各位大牛,React Native技术爱好者加入交流!

note:当前项目还在不断进行开发中,大家可以继续保持关注,后期还会放出更多特性的release版本

如果需要看更多的实例,请点击进入...[6]   或者点击在线查看实例[7]

npm i react-native-material-design --save
react-naitve-vector-icons项目中拷贝MaterialIcons字体文件到当前项目工作目录中
./node_modules/react-native-vector-icons/Fonts/MaterialIcons.ttf -> ./android/app/src/main/assets/fonts.

把需要的组件导入到你的项目中,实例如下:

import { Button, Card } from 'react-native-material-design';

最后特别提醒一下,为了进行渲染这些图片,所以最好重启一下packager server

如果需要查看完整的文档和安装说明,具体请点击查看....[8]

React Native支持版本

该物料设计组价库支持的最低版本为React Native 0.16

[9]

[11]

[13]