Control speed of animation

stipsan / react-spring-bottom-sheet

Accessible ♿️, Delightful ✨, & Fast 🚀

https://react-spring.bottom-sheet.dev/

MIT License

951 stars 130 forks source link

Control speed of animation #30

Open yairhaimo opened 3 years ago

yairhaimo commented 3 years ago

Is there a way to control the speed of the animation? Specifically using the snapTo method.

(Awesome, awesome library!)

stipsan commented 3 years ago

Heya, react-spring support it. If I expose it like this:

ref.current.snapTo(({maxHeight}) => maxHeight, {duration: 250})

would that work for you?

yairhaimo commented 3 years ago

That would be great. Thanks!

simonrelet commented 3 years ago

Hello there! @stipsan Huge thanks for the library 🙏

Would it be conceivable to also have an API to set the duration/spring config at the component level? ref.current.snapTo() could "use it" by default and override it if a config is passed as parameter.

What do you think?

stipsan commented 3 years ago

@simonrelet yes that is the idea. The reason I've held off on it though is that these options are different in the upcoming version of react-spring, v9. I could compromise on using an unstable_ prefix on this prop/option while we're on v8. If I add it now understand that these options will be a "use at your own risk" kind of deal.