Skip to content

Commit

Permalink
docs: fixed example link error
Browse files Browse the repository at this point in the history
  • Loading branch information
dohooo committed Jun 2, 2022
1 parent 23b9ad8 commit fe3900b
Show file tree
Hide file tree
Showing 2 changed files with 32 additions and 37 deletions.
34 changes: 16 additions & 18 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,27 +23,25 @@ English | [简体中文](./README.zh-CN.md)
> Click on the image to see the code snippets. [[Try it]](https://snack.expo.dev/@zhaodonghao586/simple-carousel) 🍺
[<img src="assets/normal-horizontal.gif" width="33%"/>11](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/normal/index.tsx)
[<img src="assets/normal-vertical.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/normal/index.tsx)
[<img src="assets/parallax-horizontal.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/parallax/index.tsx)
[<img src="assets/parallax-vertical.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/parallax/index.tsx)
[<img src="assets/stack-horizontal-left.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/stack/index.tsx)
[<img src="assets/stack-horizontal-right.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/stack/index.tsx)
[<img src="assets/stack-vertical-left.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/stack/index.tsx)
[<img src="assets/stack-vertical-right.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/stack/index.tsx)
| <img src="assets/normal-horizontal.gif"/> | <img src="assets/normal-vertical.gif"/> | <img src="assets/parallax-horizontal.gif"/> |
| :--------------------------------------------------------------: | :---------------------------------------------------------------: | :----------------------------------------------------------------: |
| <a href="./example/src/normal/index.tsx">normal-horizontal</a> | <a href="./example/src/normal/index.tsx">normal-vertical</a> | <a href="./example/src/parallax/index.tsx">parallax-horizontal</a> |
| <img src="assets/parallax-vertical.gif"/> | <img src="assets/stack-horizontal-left.gif"/> | <img src="assets/stack-horizontal-right.gif"/> |
| <a href="./example/src/parallax/index.tsx">parallax-vertical</a> | <a href="./example/src/stack/index.tsx">stack-horizontal-left</a> | <a href="./example/src/stack/index.tsx">stack-horizontal-right</a> |
| <img src="assets/stack-vertical-left.gif"/> | <img src="assets/stack-vertical-right.gif"/> | <img src="assets/stack-horizontal-right.gif"/> |
| <a href="./example/src/stack/index.tsx">stack-vertical-left</a> | <a href="./example/src/stack/index.tsx">stack-vertical-right</a> | <a href="./example/src/stack/index.tsx">stack-horizontal-right</a> |

> Now you can make cool animations with us! Very easy! [[Details]](./docs/custom-animation.md)
[<img src="assets/advanced-parallax.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/advanced-parallax/index.tsx)
[<img src="assets/pause-advanced-parallax.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/pause-advanced-parallax/index.tsx)
[<img src="assets/scale-fade-in-out.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/scale-fade-in-out/index.tsx)
[<img src="assets/rotate-scale-fade-in-out.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/rotate-scale-fade-in-out/index.tsx)
[<img src="assets/rotate-in-out.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/rotate-in-out/index.tsx)
[<img src="assets/anim-tab-bar.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/anim-tab-bar/index.tsx)
[<img src="assets/marquee.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/marquee/index.tsx)
[<img src="assets/multiple.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/multiple/index.tsx)
[<p align="center"><img src="assets/parallax-layers.gif" width="33%"/></p>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/parallax-layers/index.tsx)
[<p align="center"><img src="assets/flow.gif" width="33%"/></p>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/flow/index.tsx)
| <img src="assets/advanced-parallax.gif"/> | <img src="assets/pause-advanced-parallax.gif"/> | <img src="assets/scale-fade-in-out.gif"/> |
| :-------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------: | :-----------------------------------------------------------------------: |
| <a href="./example/src/advanced-parallax/index.tsx">advanced-parallax</a> | <a href="./example/src/pause-advanced-parallax/index.tsx">pause-advanced-parallax</a> | <a href="./example/src/scale-fade-in-out/index.tsx">scale-fade-in-out</a> |
| <img src="assets/rotate-scale-fade-in-outgif"/> | <img src="assets/rotate-in-out.gif"/> | <img src="assets/anim-tab-bar.gif"/> |
| <a href="./example/src/rotate-scale-fade-in-out/index.tsx">rotate-scale-fade-in-out</a> | <a href="./example/src/rotate-in-out/index.tsx">rotate-in-out</a> | <a href="./example/src/anim-tab-bar/index.tsx">anim-tab-bar</a> |
| <img src="assets/marquee.gif"/> | <img src="assets/multiple.gif"/> | |
| <a href="./example/src/marquee/index.tsx">marquee</a> | <a href="./example/src/multiple/index.tsx">multiple</a> | |
| <img src="assets/parallax-layers.gif"/> | <img src="assets/flow.gif"/> | |
| <a href="./example/src/parallax-layers/index.tsx">parallax-layers</a> | <a href="./example/src/flow/index.tsx">multiple</a> | |

## Table of contents

Expand Down
35 changes: 16 additions & 19 deletions README.zh-CN.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,28 +23,25 @@
> 点击图片,查看代码 [[试一下]](https://snack.expo.dev/@zhaodonghao586/simple-carousel) 🍺
[<img src="assets/normal-horizontal.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/normal/index.tsx)
[<img src="assets/normal-vertical.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/normal/index.tsx)
[<img src="assets/parallax-horizontal.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/parallax/index.tsx)
[<img src="assets/parallax-vertical.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/parallax/index.tsx)
[<img src="assets/stack-horizontal-left.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/stack/index.tsx)
[<img src="assets/stack-horizontal-right.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/stack/index.tsx)
[<img src="assets/stack-vertical-left.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/stack/index.tsx)
[<img src="assets/stack-vertical-right.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/stack/index.tsx)
| <img src="assets/normal-horizontal.gif"/> | <img src="assets/normal-vertical.gif"/> | <img src="assets/parallax-horizontal.gif"/> |
| :--------------------------------------------------------------: | :---------------------------------------------------------------: | :----------------------------------------------------------------: |
| <a href="./example/src/normal/index.tsx">normal-horizontal</a> | <a href="./example/src/normal/index.tsx">normal-vertical</a> | <a href="./example/src/parallax/index.tsx">parallax-horizontal</a> |
| <img src="assets/parallax-vertical.gif"/> | <img src="assets/stack-horizontal-left.gif"/> | <img src="assets/stack-horizontal-right.gif"/> |
| <a href="./example/src/parallax/index.tsx">parallax-vertical</a> | <a href="./example/src/stack/index.tsx">stack-horizontal-left</a> | <a href="./example/src/stack/index.tsx">stack-horizontal-right</a> |
| <img src="assets/stack-vertical-left.gif"/> | <img src="assets/stack-vertical-right.gif"/> | <img src="assets/stack-horizontal-right.gif"/> |
| <a href="./example/src/stack/index.tsx">stack-vertical-left</a> | <a href="./example/src/stack/index.tsx">stack-vertical-right</a> | <a href="./example/src/stack/index.tsx">stack-horizontal-right</a> |

> 现在你可以和我们一起来制作酷炫的动画了! 非常简单! [[详情]](./docs/custom-animation.zh-CN.md)
[<img src="assets/advanced-parallax.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/advanced-parallax/index.tsx)
[<img src="assets/pause-advanced-parallax.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/pause-advanced-parallax/index.tsx)
[<img src="assets/scale-fade-in-out.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/scale-fade-in-out/index.tsx)
[<img src="assets/rotate-scale-fade-in-out.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/rotate-scale-fade-in-out/index.tsx)
[<img src="assets/rotate-in-out.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/rotate-in-out/index.tsx)
[<img src="assets/anim-tab-bar.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/anim-tab-bar/index.tsx)
[<img src="assets/marquee.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/marquee/index.tsx)
[<img src="assets/multiple.gif" width="33%"/>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/multiple/index.tsx)
[<p align="center"><img src="assets/parallax-layers.gif" width="33%"/></p>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/parallax-layers/index.tsx)
[<p align="center"><img src="assets/flow.gif" width="33%"/></p>](https://github.com/dohooo/react-native-reanimated-carousel/tree/main/example/src/flow/index.tsx)

| <img src="assets/advanced-parallax.gif"/> | <img src="assets/pause-advanced-parallax.gif"/> | <img src="assets/scale-fade-in-out.gif"/> |
| :-------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------: | :-----------------------------------------------------------------------: |
| <a href="./example/src/advanced-parallax/index.tsx">advanced-parallax</a> | <a href="./example/src/pause-advanced-parallax/index.tsx">pause-advanced-parallax</a> | <a href="./example/src/scale-fade-in-out/index.tsx">scale-fade-in-out</a> |
| <img src="assets/rotate-scale-fade-in-outgif"/> | <img src="assets/rotate-in-out.gif"/> | <img src="assets/anim-tab-bar.gif"/> |
| <a href="./example/src/rotate-scale-fade-in-out/index.tsx">rotate-scale-fade-in-out</a> | <a href="./example/src/rotate-in-out/index.tsx">rotate-in-out</a> | <a href="./example/src/anim-tab-bar/index.tsx">anim-tab-bar</a> |
| <img src="assets/marquee.gif"/> | <img src="assets/multiple.gif"/> | |
| <a href="./example/src/marquee/index.tsx">marquee</a> | <a href="./example/src/multiple/index.tsx">multiple</a> | |
| <img src="assets/parallax-layers.gif"/> | <img src="assets/flow.gif"/> | |
| <a href="./example/src/parallax-layers/index.tsx">parallax-layers</a> | <a href="./example/src/flow/index.tsx">multiple</a> | |

## 目录

Expand Down

0 comments on commit fe3900b

Please sign in to comment.