使用react-native-elements三方库

作者: Lazy1 | 来源:发表于2017-03-09 09:58 被阅读5243次

1,该库提供了一套UI,地址 https://github.com/react-native-community/react-native-elements

2.我们看他的RDM.

  • run npm i react-native-elements --save
  • npm i react-native-vector-icons --save && react-native link react-native-vector-icons
  • npm i react-native-elements --save
Paste_Image.png Paste_Image.png

此处执行的命令要在自己工程的目录下执行

Paste_Image.png

执行完毕之后就会下载依赖到\node_modules目录下面

Paste_Image.png

下面就可以使用了
、、

import {
Button
} from 'react-native-elements'

<Button
raised
icon={{name: 'cached'}}
title='RAISED WITH ICON' />
、、

3.如果最后运行出现乱码,这里要重新打包一下APK,因为
react-native-vector-icons 是个原声的lib需要导入重新跑

Paste_Image.png

这样就没问题了。

Demo https://github.com/l123456789jy/RnProject

相关文章

网友评论

    本文标题:使用react-native-elements三方库

    本文链接:https://www.haomeiwen.com/subject/ouhwgttx.html