An open API service indexing awesome lists of open source software.

https://github.com/react-native-studio/material-elements

基于material design设计的react native UI库
https://github.com/react-native-studio/material-elements

icons material material-design material-elements react-native ui

Last synced: 10 months ago
JSON representation

基于material design设计的react native UI库

Awesome Lists containing this project

README

          

# material-elements [![npm version](https://badge.fury.io/js/material-elements.svg)](https://badge.fury.io/js/material-elements)
基于material design设计的react native UI库
### 第一步 安装
运行 `npm install --save material-elements`

或者 `yarn add material-elements(需要安装yarn)`

#### link
material-elements 依赖于react-native-vector-icons

运行 `yarn add react-native-vector-icons`




将vector-icons链入工程

`react-native link react-native-vector-icons`

### 使用

下面是material-elements所包含的组件
请见[示例](https://github.com/react-native-studio/material-elements/tree/master/src/METester)
- Action Button
- Avatar
- Badge
- [Button](https://github.com/react-native-studio/material-elements/blob/master/docs/Button.md)
- [Card](https://github.com/react-native-studio/material-elements/blob/master/docs/Card.md)
- Checkbox
- Dialog
- Divider
- [Icon](https://github.com/react-native-studio/material-elements/blob/master/docs/Icon.md)
- Icon toggles
- List item
- Radio button
- Subheader
- Toolbar
- SimpleToolbar
- BottomSheet
- Menu
- Toast
- TextField
- Indicator
- [Typography](https://github.com/react-native-studio/material-elements/blob/master/docs/Typography.md)
#### 后续将完善文档,丰富material-elements组件库