Code Monkey home page Code Monkey logo

flutter_whirlpool's Introduction

Flutter UI Challenge- SMART Washing Machine

Flutter smart washing machine app

About project

The application was written based on this great UI concept: https://dribbble.com/shots/11018635-Washing-machine

Many thanks to Dimest, for allowing me to write an application based on his concept. I encourage you to check out the rest of his great arts: https://dribbble.com/Dimest

App in action

Washing machine GIF 1 Washing machine GIF 2 Washing machine GIF 3 Washing machine GIF 4

Follow me

If you want to be informed about new projects, follow me on Instagram or Twitter

Dev

To build application, you need to install Flutter (3.0+). You can find help here: https://flutter.dev/docs/get-started/install

The balls simulation is conducted using the Box2D physic engine.

Tips

In settings, you can switch to dark mode and turn off "metaball effect".

How to disable metaball

flutter_whirlpool's People

Contributors

pawlik92 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

flutter_whirlpool's Issues

Because every version of flutter_test from sdk depends on quiver 2.0.5 and flutter_whirlpool depends on quiver 2.1.3, flutter_test from sdk is forbidden.

[flutter_whirlpool] flutter pub get
Running "flutter pub get" in flutter_whirlpool...
Because every version of flutter_test from sdk depends on quiver 2.0.5 and flutter_whirlpool depends on quiver 2.1.3, flutter_test from sdk is forbidden.

So, because flutter_whirlpool depends on flutter_test any from sdk, version solving failed.
pub get failed (1; So, because flutter_whirlpool depends on flutter_test any from sdk, version solving failed.)
exit code 1

Hello, very like your app, is very good. I met a bug, the app can display normal, but can't see the water, also can't see the water in the rotation, to quote the following error:

Hello, very like your app, is very good. I met a bug, the app can display normal, but can't see the water, also can't see the water in the rotation, to quote the following error:

======== Exception caught by rendering library =====================================================
The following assertion was thrown during paint():
RenderBox was not laid out: RenderClipOval#2745f
'package:flutter/src/rendering/box.dart':
Failed assertion: line 1930 pos 12: 'hasSize'

Either the assertion indicates an error in the framework itself, or we should provide substantially more information in this error message to help you determine and fix the underlying cause.
In either case, please report this assertion by filing a bug on GitHub:
https://github.com/flutter/flutter/issues/new?template=2_bug.md

RenderBox was not laid out: RenderClipOval#734c9

Hi, thanks for this wonderful App! but the washing machine drum doesn't seem to be rendering for me, and I seem to be facing an exception.
I am running it on an Android 10 device with Flutter 2.0.1

Error:
════════ Exception caught by rendering library ═════════════════════════════════
RenderBox was not laid out: RenderClipOval#370c4
'package:flutter/src/rendering/box.dart':
Failed assertion: line 1940 pos 12: 'hasSize'

The relevant error-causing widget was
ClipOval
lib\…\washing_machine\washing_machine_case.dart:89
The following RenderObject was being processed when the exception was fired: RenderClipOval#370c4
RenderObject: RenderClipOval#370c4
needs compositing
parentData: (can use size)
constraints: BoxConstraints(w=217.0, h=217.0)
size: MISSING
child: _WhirlpoolRenderObject#a64b9 NEEDS-PAINT
needs compositing
parentData: (can use size)
constraints: BoxConstraints(w=217.0, h=217.0)
size: MISSING
════════════════════════════════════════════════════════════════════════════════

Please let me know if this is a known bug or a fix exists?
Thanks!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.