使用react-native-elements三方库

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