尊重版权,转载请注明出处
本文来自:江清清的技术专栏-翻译组(www.lcode.org[2])
翻译计划项目:github.com/jiangqqlmj/…[3]
开源项目地址:github.com/react-nativ…[4]
该组件项目实现MaterialDesign(物料设计)风格。该项目是@bingg在nrm[5]项目的基础上面进行重构封装开发,改进点如下:
- 支持React Native最新版本
- 修复很多bugs
- 新增一些额外的组件
- 以及增强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