docs: Improve Zooming documentation

This commit is contained in:
Marc Rousavy 2021-06-09 12:32:28 +02:00 committed by GitHub
parent b53b259790
commit d60d58b57f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,7 +1,7 @@
---
id: animated
title: Zooming with Reanimated
sidebar_label: Zooming with Reanimated
title: Zooming
sidebar_label: Zooming
---
import useBaseUrl from '@docusaurus/useBaseUrl';
@ -13,10 +13,6 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
</svg>
</div>
## Animations
Often you'd want to animate specific props in the Camera. For example, if you'd want to create a custom zoom gesture, you can smoothly animate the Camera's `zoom` property.
The `<Camera>` component already provides a natively implemented zoom gesture which you can enable with the [`enableZoomGesture`](/docs/api/interfaces/cameraprops.cameraprops-1#enablezoomgesture) prop. This does not require any additional work, but if you want to setup a custom gesture, such as the one in Snapchat or Instagram where you move up your finger while recording, continue reading.
### Animation libraries