I've implemented this animated drawer UI in React Native [Source in comments]

This page summarizes the projects mentioned and recommended in the original post on /r/reactnative

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
  • React-Native-UI-Templates

    UI kits built in React-Native & TypeScript.

  • This is part of my open source project React-Native-UI-Templates and is inspired from this original Flutter project, where I have implemented similar UI templates for learning in react-native. Source code:- https://github.com/Aashu-Dubey/React-Native-UI-Templates Twitter:- https://twitter.com/aashudubey\_ad/status/1484571529644212224

  • react-navigation

    Routing and navigation for your React Native apps

  • The Drawer is from react-navigation with my own custom UI, and react-navigation provides you props with the progress of the drag, which you can use to apply interpolate animation for the drawer contents (Avatar and Item's background in this case).

  • 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
  • Ionic-UI-Templates

    Free UI templates built in Ionic & Angular

  • Though I do understand, over the top and unnecessary animations wouldn't really be a good choice for real world applications (for Accessibility and other reasons), but this is just demo. I also created the same thing in Ionic while I was learning it.

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

  • Weird redirect issue with Stack Navigator/Expo I do not understand, please help

    1 project | /r/expo | 14 Aug 2023
  • Why would React-Navigation documentation not include some of the most important props and functionalities?

    1 project | /r/reactnative | 2 Aug 2023
  • How to "Refresh" App Screen Without user Input?

    1 project | /r/reactnative | 30 Jun 2023
  • Handle go back in nested navigation.

    1 project | /r/reactnative | 15 Jun 2023
  • How would you create this horizontal/scrollable list? with a different style for the active tab?

    1 project | /r/reactnative | 6 Jun 2023