react-native使用第三方库以及引入react-native-elements(十二)

react-native使用第三方库以及引入react-native-elements
1.首先需要下载依赖包到本地


cd /project
yarn add react-native-elements
# or with npm
npm install react-native-elements

2.引入react-native-elements到项目的component

User.js

以头像组件为例:

import { Avatar } from 'react-native-elements';

// Standard Avatar


// Avatar with Title


// Avatar with Icon


// Standard Avatar with edit button

react-native使用第三方库以及引入react-native-elements(十二)_第1张图片
做了一次搬运工,原始地址在这里:
https://react-native-elements.github.io/react-native-elements/docs/avatar.html

笔者用过这个做过一个完整的项目,相关的组件挺好用。提醒一下:不要过多依赖UI库,用react native + ES6实践,自己封装组件才能提高对框架的熟练度。

 

你可能感兴趣的:(React,Native开发,react-native,JSX)