From a1c2657c6b6e52e86d2728d27507cd9fb90c4ab6 Mon Sep 17 00:00:00 2001 From: Amber-Nan <66067296+Amber-Nan@users.noreply.github.com> Date: Mon, 10 Jan 2022 09:13:18 +0800 Subject: [PATCH] =?UTF-8?q?feat(ImageViewer):=E5=A2=9E=E5=8A=A0=E5=9B=BE?= =?UTF-8?q?=E7=89=87=E6=9F=A5=E7=9C=8B&=20=E6=96=87=E6=A1=A3=E6=9B=B4?= =?UTF-8?q?=E6=96=B0=20=20(#368)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * fix(Divider):优化 gutter属性不生效问题 * feat(Divider): 增加分割线标题的位置调整功能 & 更新文档 * feat(Rating):增加自定义每项的提示信息 & 更新文档 * feat(Rating):增加只读功能 & 文档更新 * feat(Timeline): 增加改变时间轴内容相对位置功能 & 文档更新 * style(Timeline):Update Readme.md img * feat(Timeline):增加自定义图标 & 文档更新 * feat(Timeline):优化自定义图标 & 文档更新 * feat:新增Calendar 日历组件 * doc(website): Update Calendar Readme.md * feat(Calendar):增加农历及假期展示 && 文档更新 * feat(Calendar):增加假日文字颜色 * feat(Calendar):左上角按钮增加自定义跳转功能&文档更新 * feat(Calendar):优化农历假日及文字排版 * feat(Calendar):处理文字长度 * fix(Calendar):优化安卓文字排版 * feat(Calendar):增加农历详情展示 & 文档更新 * feat(DragDrawer):新增DragDrawer 拖曳抽屉 & 文档更新 * doc(website): 增加DragDrawer目录 * feat(DragDrawer):增加自定义图标 & 文档更新 * feat(DragDrawer): 增加抽屉自定义样式 & 文档更新 * feat(DragDrawer): 增加抽屉自定义样式 & 文档更新 * feat(DragDrawer):自定义抽屉样式 * doc(website): Update ios打包Readme.md * doc(website): Update TreeSelect Readme.md * doc(website): Update Readme.md * style(website): Update Readme.md * feat(TextArea):增加多行输入框 & 文档更新 * fix(DragDrawer):修改组件展示示例 * feat(TextArea):增加字数展示 && 文档更新 * doc(website): Update Android(Mac) 打包 Readme.md * fix(DragDrawer):修复内容无法滚动问题及文档更新 * feat(ImageViewer):增加图片查看& 文档更新 Co-authored-by: 杨楠 --- example/examples/src/routes.tsx | 8 ++ .../examples/src/routes/ImageViewer/index.tsx | 37 ++++++++ packages/core/src/ImageViewer/README.md | 93 +++++++++++++++++++ packages/core/src/ImageViewer/index.tsx | 78 ++++++++++++++++ packages/core/src/TextArea/README.md | 2 + packages/core/src/index.tsx | 2 + .../pages/components/imageViewer/index.tsx | 11 +++ website/src/routes/menus.ts | 1 + website/src/routes/router.tsx | 4 + 9 files changed, 236 insertions(+) create mode 100644 example/examples/src/routes/ImageViewer/index.tsx create mode 100644 packages/core/src/ImageViewer/README.md create mode 100644 packages/core/src/ImageViewer/index.tsx create mode 100644 website/src/pages/components/imageViewer/index.tsx diff --git a/example/examples/src/routes.tsx b/example/examples/src/routes.tsx index c73f15479..49bf832c3 100644 --- a/example/examples/src/routes.tsx +++ b/example/examples/src/routes.tsx @@ -490,4 +490,12 @@ export const stackPageData: Routes[] = [ description: '底部操作栏', }, }, + { + name: 'ImageViewer', + component: require('./routes/ImageViewer').default, + params: { + title: 'ImageViewer 图片查看', + description: '图片查看', + }, + }, ]; diff --git a/example/examples/src/routes/ImageViewer/index.tsx b/example/examples/src/routes/ImageViewer/index.tsx new file mode 100644 index 000000000..f77229b77 --- /dev/null +++ b/example/examples/src/routes/ImageViewer/index.tsx @@ -0,0 +1,37 @@ +import React, {Component} from 'react'; +import {View, Text} from 'react-native'; +import Layout, {Container} from '../../Layout'; +import {ImageViewer} from '@uiw/react-native'; +import {ComProps} from '../../routes'; + +const {Header, Body, Card, Footer} = Layout; + +export interface IndexProps extends ComProps {} + +export default class Index extends Component { + render() { + const {route} = this.props; + const description = route.params.description; + const title = route.params.title; + return ( + + +
+ + + + + + + + +