https://github.com/mastersam07/smarty

A smart home mobile application
https://github.com/mastersam07/smarty

dart flutter iot iot-application mobile-app smart-home smarthome

Last synced: 3 days ago
JSON representation

A smart home mobile application

• Host: GitHub
• URL: https://github.com/mastersam07/smarty
• Owner: Mastersam07
• License: mit
• Created: 2022-06-27T12:17:17.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-08-28T23:47:16.000Z (5 months ago)
• Last Synced: 2025-01-24T03:34:49.549Z (10 days ago)
• Topics: dart, flutter, iot, iot-application, mobile-app, smart-home, smarthome
• Language: Dart
• Homepage: https://play.google.com/store/apps/details?id=tech.mastersam.smarty
• Size: 46.2 MB
• Stars: 111
• Watchers: 6
• Forks: 44
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🦇🦇 BatTheme



  

    

  



[![CI](https://github.com/Mastersam07/smarty/actions/workflows/ci.yaml/badge.svg)](https://github.com/Mastersam07/smarty/actions/workflows/ci.yaml)

[![codecov](https://codecov.io/github/Mastersam07/smarty/branch/dev/graph/badge.svg?token=dcSZVkPLxf)](https://codecov.io/github/Mastersam07/smarty)

A repo showcasing how to work with theme extensions in flutter. For the code guide to the writeup Dressing your flutter widget with theme extension and also the talk Dressing your flutter widget with theme extension you could check here.

This library is an implementation of the design system available here: https://www.figma.com/file/igCMUoRobPORn168iE513B/Smart-hom-app?node-id=505-406

Star⭐ the repo if you like what you see😉.

## Getting Started

* Add the package to your `pubspec.yaml` file:

```yaml

dependencies:

    bat_theme: any

```

* Use the `BatCave` widget:

```dart

import 'package:bat_theme/bat_theme.dart';

class MyApp extends StatelessWidget {

  const MyApp({Key? key}) : super(key: key);

  @override

  Widget build(BuildContext context) {

    return BatCave(

        home: Homepage(),

    );

  }

}

```

Or you can also use the `BatThemeData` extension:

```dart

class MyApp extends StatelessWidget {

  const MyApp({Key? key}) : super(key: key);

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

        theme: BatThemeData(colors: BatColors.light()),

        home: Homepage(),

    );

  }

}

```

Or you can also use the `BatThemeData` light/dark constructors:

```dart

class MyApp extends StatelessWidget {

  const MyApp({Key? key}) : super(key: key);

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

        theme: BatThemeData.light(),

        darkTheme: BatThemeData.dark(),

        home: Homepage(),

    );

  }

}

```

## Full Usage

You can check the [example](./example) to see this theming system in usage.

## 📸 ScreenShots



| Image| Image|

|------|-------|

|||

|||

|||

|||

|||

|||

|||

## 🌗 Dark theme



| Image| Image|

|------|-------|

|||

|||

|||

|||

|||

|||

|||

## 🤓 Designer(s)

**Tosin** [![Twitter Follow](https://img.shields.io/twitter/follow/tohsin_vibes.svg?style=social)](https://twitter.com/tohsin_vibes)

## 🤓 Author(s)

**Samuel Abada** [![Twitter Follow](https://img.shields.io/twitter/follow/mastersam_.svg?style=social)](https://twitter.com/mastersam_)

## Roadmap

Who knows whats next? 

- [ ] Better ways to do it?

## Credits

- [Flutter](https://github.com/flutter/flutter)

- [Flutter DSFR](https://github.com/Floating-Dartists/flutter_dsfr)

## Contributors

[](https://twitter.com/mastersam_)

#### **Samuel Abada**