File tree Expand file tree Collapse file tree 23 files changed +27
-27
lines changed Expand file tree Collapse file tree 23 files changed +27
-27
lines changed Original file line number Diff line number Diff line change @@ -3,7 +3,7 @@ ActionSheet 动作面板
3
3
4
4
该组件提供了一种动作面板, 底部缓缓出现
5
5
6
- <image src =' https://user-images.githubusercontent.com/57083007/137631382-70df5dd3-0200-4ddb-bd11-3578ee99d032.gif ' alt =' ActionSheet ' style =' zoom :33% ;' />
6
+ <img src =' https://user-images.githubusercontent.com/57083007/137631382-70df5dd3-0200-4ddb-bd11-3578ee99d032.gif ' alt =' ActionSheet ' style =' zoom :33% ;' />
7
7
8
8
### 基础示例
9
9
Original file line number Diff line number Diff line change @@ -3,7 +3,7 @@ Avatar 头像
3
3
4
4
用来代表用户或事物,支持图片展示,当前是基于 React Native 组件 Image 封装,你也可以使用更快的图片展示插件 [ react-native-fast-image] ( https://github.com/DylanVann/react-native-fast-image ) 。
5
5
6
- <image src =' https://user-images.githubusercontent.com/57083007/137631738-4338453c-c552-4caa-9261-8fd84c018942.png ' alt =' Avatar ' style =' zoom :33% ;' />
6
+ <img src =' https://user-images.githubusercontent.com/57083007/137631738-4338453c-c552-4caa-9261-8fd84c018942.png ' alt =' Avatar ' style =' zoom :33% ;' />
7
7
8
8
### 基础示例
9
9
Original file line number Diff line number Diff line change 1
1
Badge 标记
2
2
---
3
3
4
- <image src =' https://user-images.githubusercontent.com/57083007/137631808-f3899eb4-69c1-4dd5-a686-0f8bb38fe4b6.png ' alt =' Badge ' style =' zoom :33% ;' />
4
+ <img src =' https://user-images.githubusercontent.com/57083007/137631808-f3899eb4-69c1-4dd5-a686-0f8bb38fe4b6.png ' alt =' Badge ' style =' zoom :33% ;' />
5
5
6
6
### 基础示例
7
7
Original file line number Diff line number Diff line change @@ -3,8 +3,8 @@ Button 按钮
3
3
4
4
按钮用于开始一个即时操作。
5
5
6
- <image src =' https://user-images.githubusercontent.com/57083007/137631908-57393986-82b8-4e2e-b753-aa77dac58672.png ' alt =' Button ' style =' zoom :33% ;' />
7
- <image src =' https://user-images.githubusercontent.com/57083007/137631915-8281cbac-ba0d-4795-8f8b-8274bcecc172.png ' alt =' Button ' style =' zoom :33% ;' />
6
+ <img src =' https://user-images.githubusercontent.com/57083007/137631908-57393986-82b8-4e2e-b753-aa77dac58672.png ' alt =' Button ' style =' zoom :33% ;' />
7
+ <img src =' https://user-images.githubusercontent.com/57083007/137631915-8281cbac-ba0d-4795-8f8b-8274bcecc172.png ' alt =' Button ' style =' zoom :33% ;' />
8
8
9
9
### 基础示例
10
10
Original file line number Diff line number Diff line change @@ -3,7 +3,7 @@ ButtonGroup 按钮组
3
3
4
4
用于一组按钮的排版展示。
5
5
6
- <image src =' https://user-images.githubusercontent.com/57083007/137632086-8441bd1b-e8f9-4c15-828d-ad86310fdb72.png ' alt =' ButtonGroup ' style =' zoom :33% ;' />
6
+ <img src =' https://user-images.githubusercontent.com/57083007/137632086-8441bd1b-e8f9-4c15-828d-ad86310fdb72.png ' alt =' ButtonGroup ' style =' zoom :33% ;' />
7
7
8
8
### 基础示例
9
9
Original file line number Diff line number Diff line change 3
3
4
4
最基础的卡片容器,可承载文字、列表、图片、段落。
5
5
6
- <image src =' https://user-images.githubusercontent.com/57083007/137632175-fc80bff2-7224-4843-97ec-9f8d9cbc6746.png ' alt =' Card ' style =' zoom :33% ;' />
6
+ <img src =' https://user-images.githubusercontent.com/57083007/137632175-fc80bff2-7224-4843-97ec-9f8d9cbc6746.png ' alt =' Card ' style =' zoom :33% ;' />
7
7
8
8
### 基础示例
9
9
Original file line number Diff line number Diff line change @@ -3,7 +3,7 @@ CardCollapse 可折叠卡片列表
3
3
4
4
可折叠卡片列表
5
5
6
- <image src =' https://user-images.githubusercontent.com/66067296/137702190-e48c11e3-77d9-40c3-8d59-09ac6ddc9efb.gif ' alt =' CardCollapse ' style =' zoom :100% ;' />
6
+ <img src =' https://user-images.githubusercontent.com/66067296/137702190-e48c11e3-77d9-40c3-8d59-09ac6ddc9efb.gif ' alt =' CardCollapse ' style =' zoom :100% ;' />
7
7
8
8
### 基础示例
9
9
Original file line number Diff line number Diff line change @@ -5,7 +5,7 @@ CheckBox 复选框
5
5
6
6
### 基础示例
7
7
8
- <image src =' https://user-images.githubusercontent.com/66067296/137703908-c4370f9c-fce7-423a-abd7-7951d5a48d06.png ' alt =' CheckBox ' style =' zoom :33% ;' />
8
+ <img src =' https://user-images.githubusercontent.com/66067296/137703908-c4370f9c-fce7-423a-abd7-7951d5a48d06.png ' alt =' CheckBox ' style =' zoom :33% ;' />
9
9
10
10
``` jsx
11
11
import { CheckBox } from ' @uiw/react-native' ;
Original file line number Diff line number Diff line change 1
1
Divider 分割线
2
2
---
3
3
4
- <image src =' https://user-images.githubusercontent.com/66067296/137705210-c1bd655f-8b0c-4ee1-b376-0bc59c573a61.png ' alt =' Divider ' style =' zoom :33% ;' />
4
+ <img src =' https://user-images.githubusercontent.com/66067296/137705210-c1bd655f-8b0c-4ee1-b376-0bc59c573a61.png ' alt =' Divider ' style =' zoom :33% ;' />
5
5
6
6
区隔内容的分割线。
7
7
Original file line number Diff line number Diff line change 1
1
Drawer 抽屉
2
2
---
3
3
4
- <image src =' https://user-images.githubusercontent.com/66067296/137705595-a9eb337a-90f7-42bd-a662-579063731db3.gif ' alt =' Drawer ' style =' zoom :33% ;' />
4
+ <img src =' https://user-images.githubusercontent.com/66067296/137705595-a9eb337a-90f7-42bd-a662-579063731db3.gif ' alt =' Drawer ' style =' zoom :33% ;' />
5
5
6
6
用于在屏幕边缘显示应用导航等内容的面板。
7
7
You can’t perform that action at this time.
0 commit comments