https://github.com/lucasgabrieldeaa/react-native-animated-switch

Repository with a simple implementation using animations and typescript to built a animated switch, or toggle component
https://github.com/lucasgabrieldeaa/react-native-animated-switch

animations react-native typescript

Last synced: 2 months ago
JSON representation

Repository with a simple implementation using animations and typescript to built a animated switch, or toggle component

• Host: GitHub
• URL: https://github.com/lucasgabrieldeaa/react-native-animated-switch
• Owner: lucasGabrielDeAA
• Created: 2020-09-04T14:30:11.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2020-10-06T16:20:09.000Z (almost 6 years ago)
• Last Synced: 2025-04-02T10:44:13.882Z (over 1 year ago)
• Topics: animations, react-native, typescript
• Language: TypeScript
• Homepage:
• Size: 370 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# react-native-animated-switch

This repo contains a implementation of a native switch using `react-native-animated`, and `typescript` for

toggle between aplication's themes, using **ThemeProvider** from `styled-components`.

Based on [React Native Reanimated Switch](https://medium.com/timeless/react-native-reanimated-switch-83c331af7877)

**Installation**

```

  // Downloading the project

  git clone https://github.com/lucasGabrielDeAA/react-native-animated-switch.git

  

  cd react-native-animated-switch

  // Installing dependencies

  yarn

  // FOR IOS's environment

  cd ios && pod install && cd .. && yarn ios

  // For Android's environment

  yarn android

```

![Dark mode screenshot](/images/dark-mode.png)

![Light mode screenshot](/images/light-mode.png)