How to achieve the bounce spring motion like these bottom-sheets? what should the spring animation config?

This page summarizes the projects mentioned and recommended in the original post on /r/reactnative
React Native bottom-sheet Bottomsheet Ethereum Sheet

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured

  • rainbow

    🌈‒ the Ethereum wallet that lives in your pocket

    • You might find the exact animation here.

  • react-native-bottom-sheet

    A performant interactive bottom sheet with fully configurable options 🚀

    • For a react native app, they haven't released its android app? I could only find honk's appstore app. For bottomsheet we are using https://gorhom.github.io/react-native-bottom-sheet/

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • react-native-reanimated-bottom-sheet

    Highly configurable bottom sheet component made with react-native-reanimated and react-native-gesture-handler

    • I used reanimated-bottom-sheet and config'ed the spring animation variables to make it happen. But maybe will give modalize library a chance to see if it may achieve better performance later

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Bottom Sheet haptic feedback on drag

    1 project | /r/reactnative | 26 Aug 2023

  • Bottom Sheet Libraries that work with Reanimated V3

    2 projects | /r/reactnative | 10 Aug 2023

  • What is this type of navigation called?

    3 projects | /r/reactnative | 12 Jun 2023

  • What is the technical term for this kind of modal so I can google for it?

    1 project | /r/reactnative | 30 May 2023

  • Bottom sheet in react navigation

    1 project | /r/reactnative | 26 May 2023