How to create this button effect onPress as shown in Spotify android app

This page summarizes the projects mentioned and recommended in the original post on /r/reactnative
Animation React Native Code Design React CSS / Style

SurveyJS
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
Our great sponsors

  • classnames

    A simple javascript utility for conditionally joining classNames together

    • https://www.npmjs.com/package/classnames Here is a library that lets you toggle classNames based on state

  • react-native-bouncy-touchable

    A bouncing touchable animated view

  • 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

    React Native's Animated library reimplemented

    • There are probably plenty of things that do exactly this one effect (others have mentioned them), but if you like this kind of thing in general, and want to make your app really sing with interaction, learn Reanimated2. https://docs.swmansion.com/react-native-reanimated/

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