Download my latest app now!!!!(only till stocks last. T&C apply. )

So for the last few days, i've been trying out a new app development SDK called Flutter. It's written in Google's Dart programming language and it just came out of alpha. I decided that the only way to truly learn it is to make a real app instead of just a "Hello World" app, or a generic calculator app or something like that.

So i decided to make a colour picker app, and completed it yesterday, its now on the play store. Basically, you load a photo from your device, and then tap anything in a photo, and it tells you the colour values in RGB, Hexadecimal, or HSL formats.

I think the best part i liked about using Flutter was just how small the codebase is. For example, this is the code for the listview inside the bottom sheet:

     child: new ListView(
               children: <Widget>[
                 new ListTile(
                   trailing: new Icon(Icons.content_copy),
                   title: new Text(rgbColorStr),
                   subtitle: new Text("(Red,Green,Blue) Tap to copy."),
                   onTap: (){copyToClipboard("($r,$g,$b)");},
                   leading: new CircleAvatar(backgroundColor: new Color.fromARGB(255, r, g, b),),
                 ),
                 new ListTile(
                   trailing: new Icon(Icons.content_copy),
                   title: new Text(hexColorStr),
                   subtitle: new Text("(rrggbb) Tap to copy."),
                   onTap: (){copyToClipboard("#" + color.toHexColor().toString());},
                   leading: new CircleAvatar(backgroundColor: new Color.fromARGB(255, r, g, b),),
                 ),
                 new ListTile(
                   trailing: new Icon(Icons.content_copy),
                   title: new Text(hslColorStr),
                   subtitle: new Text("(Hue,Saturation,Lightness). Tap to copy."),
                   onTap: (){copyToClipboard("($h,$s,$l)");},
                   leading: new CircleAvatar(backgroundColor: new Color.fromARGB(255, r, g, b),),
                 ),
               ],
             ),

That's it. That's all the code you have to write to make a ListView that doesn't look like crap. It has a lot of widgets built in, that let you make UI that looks pretty good without having to write hundreds of lines of code. Anyone who make android apps will know that for making a List that actually looks good, you have to make your own adapter with a custom viewmodel, your own item layouts, and then ensure that the content inside the list updates properly. But Flutter takes care of all that.

In fact, for the entire app, i had to write less than 250 lines of code. Like, literally everything. To be fair, I used a lot of plugins for actually getting pixels out of images, and detecting colours and other stuff. But even then, the overall experience is so much better than java.

Edit: I forgot to mention that it took me about 2 days to complete this app, and that figure includes the time it took me to learn the Dart language itself. So yeah, its pretty awesome.

Anyway, if you want to try it out, here's the link:
Google Play Link

@harshallele