---
# System prepended metadata

title: app UI library
tags: [work, template]

---

# app UI library


###### tags: `template` `work`
## 組件


- [x] Button
- [ ] Icon 
- [x] Text 
- [ ] Input
- [ ] Checkbox
- [x] Slider
- [x] Switch
- [ ] Card
- [x] Avatar
- [x] Badge
- [ ] Divider
- [ ] Header
- [ ] Overlay
- [ ] Tooltip
- [ ] SearchBar
- [ ] SocialIcon
- [x] Rating
- [ ] Pricing
- [x] ListItem
- [x] Tab
- [x] Toast
- [x] Form


## atoms
- [x] button
- [x] checkbox
- [x] radio
- [x] avatar
- [x] datepicker
- [x] dropdown
- [ ] input
- [x] card/panel
- [ ] empty
- [x] toast/snackbar
## molecules
- [ ] header
- [x] collapse
- [ ] drawer
- [x] tabs
## organisms
- [ ] table
- [x] list
- [x] autocomplete
## template
- [ ] dialog/modal
- [x] form
- [ ] chart


## 屬性

每個組件都應該具有以下屬性：

| 屬性名稱 | 描述 |
| --- | --- |
| style | 用於定制組件的樣式 |
| onPress | 用於定義當組件被點擊時的回調函數 |
| disabled | 用於禁用組件 |
| activeOpacity | 用於定義按下組件時的透明度 |

## 主題

UI library 應該提供一些預設主題，讓開發者可以輕鬆地設置應用程序的外觀。以下是一些可能的主題：

| 主題名稱 | 描述 |
| --- | --- |
| Default | 默認主題 |
| Dark | 暗黑主題 |
| Light | 亮白主題 |
| Custom | 允許開發者自訂主題 |

[參考](https://reactnativeelements.com/)



您已被邀請加入「軟體架構、分散式系統、技術決策」！請點選以下連結加入社群！
https://line.me/ti/g2/n41Yg5KoRFmu4WOCU1zvoNRWT6zf8eIGccLdmA?utm_source=invitation&utm_medium=link_copy&utm_campaign=default

