Flutter: Tool for Creating a Theme - flutter

What I am searching:
A tool or an open source project for creating a theme in flutter.
There must be a collection of all widgets on an app to try a theme on.
(Please help me to redirect this question to another place or refactor the question if it is not fitting the platforms standard)

I heard of Panache, where it basically gives you the final code after your review everything:
GitHub
Referral
And here is a screenshot from their website:

Panache is now available in browser : https://rxlabz.github.io/panache

Related

azure-devops-extension-sdk: Configuration of widget

I try to create a widget for monitor builds in pipeline using new azure-devops-extension-sdk but I can't find information about how to add custom fields to configuration page. Can anyone share information or example for it?
We recommend that you use the old SDK to develop widgets. The good news is that they are investigating adding support for developing them using the new SDK. In addition, here is a sample and you can refer to it. You can also vote and follow this ticket about target Date for Widget support.

is there any way to deploy custom ML models in flutter?

I am trying to create a flutter app using the ML model from the below link.
https://www.tensorflow.org/lite/models/style_transfer/overview
I haven't played with Flutter but there are some promising articles article 1 article 2 article 3 that gives code snippets to insert tensorflow lite dependencies, to make assets folder and load models. You can check them and I hope you get a first idea how to proceed. Style transfer is a medium to hard coding project though. I suggest to start from simpler tasks as classification problems.
Happy coding
I have used this style_transfer model in flutter app before. unfortunately, I've lost that code (I did not use git). But I can give suggestions on that.
For using this custom model you will have to use https://pub.dev/packages/tflite_flutter.
The trick here is you will have to see model's input shape (image_shape=(384,384,3), style_shape=(256,256,3) and output size (shape=(384,384,3) and also shape of bottleneck). You can resize image using https://pub.dev/packages/image.
with these two, you are good to go. Sorry for bad english and I know I am too much late but maybe someone else will find it useful.
Happy coding!
Edited: So I have found the code. I stored a copy of it in my google drive. I have uploaded it on github https://github.com/Rizwan2613/style-transfer. Please do read Readme file. Thanks
There is a recently published flutter plugin for integrating an arbitrary TFLite model.
https://pub.dev/packages/tflite_flutter
Please see the README of the pub package and see how you can bundle the .tflite models and how to load / run them in flutter.
There is a blog post on how to use this flutter plugin, but it uses a different model (text classification) as an example.
https://medium.com/#am15hg/text-classification-using-tensorflow-lite-plugin-for-flutter-3b92f6655982
You can upload custom tensorwflow model to firebase ML KIT (custom tab), and integrate with firebase API in your flutter project.

Advanced features with Flutter Driver (or Silenium/Ghost Inspector)

Looking for a UI integration test strategy for Flutter. We'd love to use Silenium/Ghost Inspector but seems that is not practical due to lack of html id's or CSS classes in Flutter (Add id or name property or other means of identification for Flutter Web applications?). Or has anyone found a way round that?
In the meantime Flutter Driver has only very basic documentation for simple tests like finding a button and pressing the button. Anyone know if I can do other operations like navigate to a specific page (e.g. using a # url fragment), test a link which leads to an external site, check visual setup of the page against an image, and other such tests which would be standard in Silenium and the like.
Thanks!!
Well seems Flutter Driver is still very limited so I have instead found a strategy for using Selenium, posted full details here:
Strategy to use Selenium browser testing with Flutter Web apps

What is Timeline.dart used for in dart?

When I reading the code of flutter. I find some code in framework.dart like
Timeline.startSync('Build', arguments: timelineWhitelistArguments);
Timeline.finishSync();
I found the document in this website
https://api.flutter.dev/flutter/dart-developer/Timeline-class.html
But I still don't understand what is the purpose of this class.
It's used to check the app performance on a timeline in Flutter DevTools.
You can read more about it here: Tracing Any Dart Code Performance
EDITED
Also found a good article about profiling Flutter apps using timelines at medium.
Medium Article

reloading the soundcloud html widget with different sets from links

I was advised to post this here by SoundCloud support - I hope you can help. I want to use the html5 widget on my site and access different sets but, rather than have multiple widgets on a page, I want to be able to reload the widget with a different set by clicking on different links on the page. It seems you can do this using the API and I have been playing with w.soundcloud.com/player/api_playground.html and have got it to load my sets by putting the api.soundclound.com url in the appropriate box and clicking "reload widget".
I really don’t know javascript at all so I was hoping to copy the source from that page and try and edit it to do what I want. However, I can’t even get the page to load when it is hosted on my site:
http://www.indigomusic.co.uk/SCtest/playground.htm
I downloaded api.js and put it in a folder on my server but I’m obviously missing step(s). I’ve read http://developers.soundcloud.com/docs/html5-widget#introduction but it obviously assumes a level of javascript knowledge that I just don’t have...
...are you able to help?
Many thanks,
Dan Selby
You don't have do use the Widget API for that necessarily.
Here is a simple example using jQuery and the SoundCloud SDK doing what you described:
http://dl.dropbox.com/u/12477597/Temporary/dynamic-widget-example.html
Hope it Helps.