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库
- Host: GitHub
- URL: https://github.com/react-native-studio/material-elements
- Owner: react-native-studio
- Created: 2018-01-18T08:00:31.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2019-04-28T13:30:12.000Z (almost 7 years ago)
- Last Synced: 2025-04-15T12:06:28.567Z (11 months ago)
- Topics: icons, material, material-design, material-elements, react-native, ui
- Language: JavaScript
- Homepage:
- Size: 2.36 MB
- Stars: 8
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# material-elements [](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组件库