https://github.com/evanbacon/expo-dark-mode-switch

A beautiful React dark mode switch component for iOS, Android, and Web
https://github.com/evanbacon/expo-dark-mode-switch

animated css-in-js dark-mode expo react react-native react-native-web style switch

Last synced: 15 days ago
JSON representation

A beautiful React dark mode switch component for iOS, Android, and Web

• Host: GitHub
• URL: https://github.com/evanbacon/expo-dark-mode-switch
• Owner: EvanBacon
• License: mit
• Created: 2020-01-21T07:12:51.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2021-09-06T18:02:23.000Z (about 3 years ago)
• Last Synced: 2024-09-19T10:18:09.612Z (about 2 months ago)
• Topics: animated, css-in-js, dark-mode, expo, react, react-native, react-native-web, style, switch
• Language: TypeScript
• Homepage:
• Size: 562 KB
• Stars: 157
• Watchers: 3
• Forks: 9
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Welcome to the Expo Dark Mode Switch 👋




  





  

    

  

  

    

  

  

    

  



Based on a component from the home screen of [twizzle](https://twizzle.app/) by [@thekitze](https://twitter.com/thekitze). Converted to Expo for use in iOS, Android, and Web apps.



  

    

  

  

    

    



## Install

```sh

yarn add expo-dark-mode-switch && expo install react-native-svg

# or

npm install --save expo-dark-mode-switch && expo install react-native-svg

```

### Example

```tsx

import * as React from 'react';

import Switch from 'expo-dark-mode-switch';

export default function App() {

  const [value, setValue] = React.useState(true);

  return  setValue(value)} />;

}

```

## 🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check [issues page](https://github.com/evanbacon/expo-dark-mode-switch/issues).

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

Copyright © 2020 Evan Bacon.


This project is [MIT](/LICENSE) licensed.