material-elements

一个基于react native的ui设计

Usage no npm install needed!

<script type="module">
  import materialElements from 'https://cdn.skypack.dev/material-elements';
</script>

README

material-elements npm version

基于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所包含的组件 请见示例

  • Action Button
  • Avatar
  • Badge
  • Button
  • Card
  • Checkbox
  • Dialog
  • Divider
  • Icon
  • Icon toggles
  • List item
  • Radio button
  • Subheader
  • Toolbar
  • SimpleToolbar
  • BottomSheet
  • Menu
  • Toast
  • TextField
  • Indicator
  • Typography

后续将完善文档,丰富material-elements组件库