Call for contributors: Flutter Ubuntu settings app

Desktop
#1

Hello everyone :wave:,

@mivoligo, @jupiter007, @madsrh and me started a small flutter project in the past weeks.
We wanted to see what we can do with flutter on the ubuntu desktop.

We’ve managed with the help of existing flutter/dart packages for gsettings.dart, bluez.dart, nm.dart, yaru.dart and yaru_icons.dart to create a skeleton of an Ubuntu settings app:

grafik
grafik1001×1042 112 KB

Some pages are already fully functional, most of the pages only exist as an issue on the GitHub repository.
We’ve isolated common patterns that make sense on an desktop operating system as widgets in our app. Our inspiration for design are the unity8 settings app, windows11 and ofc gnome control center, because most of the settings are bound to gsettings in the gnome desktop.

One may ask why we do this. I can only speak for myself here and I want to explore the power of flutter while enjoying the ease of coding with flutter, dart and vscode and enjoying the rich ecosystem of packages available on pub.dev and the AAA-documentation on flutter.dev.

We would appreciate if more people would find their way onto our repository to help out with either ideas, bug reports or flutter/dart code contributions (this would currently help the most, because there are so many pages to implement).

Best regards,
Frederik

19 Likes
#2

That looks really cool. I’d say it’s better than the standard GNOME settings. I like it :slight_smile:

4 Likes
#3

Hi ! As a matter of fact, I’ve just started to learn flutter. I’ll have a look at the repo and see what I can help with !

4 Likes
#4

Well, I’ve made the first steps : forked and cloned the repo, opened VSCode, hit F5, and it runs just fine ! Now, let’s get to work !

Do you guys have anything in particular you’d like to see move forward ?

1 Like
#5

Thanks for cloning! :slight_smile:

Any of the pages (issues) not assigned to anyone are free to grab. Feel free to work on any of those :slight_smile: for the most things you will need gsettings.dart but sometimes either a custom solution is needed or in the case of WiFi the nm.dart

#6

What about internationalization ? I see the app is in english, I may look into Flutter internationalization. Those things are better put in place early, otherwise it’s gonna be a mess !

2 Likes
#7

Totally. We might have a look on https://github.com/canonical/ubuntu-desktop-installer and how they did it :slight_smile:

#8

Indeed. They seem to use the standard l10n / arb method. I’ll put that in place for settings.

2 Likes
#9

Hello, I’m hyped to be part of this ! Do we have a roadmap ?

1 Like
#10

Hi there :slight_smile:

Thanks for your interest!

The first roadmap currently is to provide a settings app for the ubuntu gnome desktop without losing any but rather gain features (like using more dock gsettings and so on).

You can look at the in the github project https://github.com/Feichtmeier/settings/projects/1
or the issues

All missing pages are filed in issues which you can assign to you or ask for assignment :slight_smile:

1 Like
#11

Looks good so far. I do think that the top part is really wasteful and dated looking with the huge blank titlebar, and the big bar below that is not interactive space. I really wish CSDs were implemented (and not even depend on GTK) from this bug, or you could use the 3rd party bitsdojo package, look at an example from this photo project to replicate GNOME’s adwaita for flutter applications. That seems kind of like a hacky solution though for something as high profile as the settings app though.

#12

Also: so sorry, but that is not the way to build a distinct Ubuntu visual identity. The Flutter applications just use the Material Design widgets with Yaru colors. The mismash looks really bad and amateurish.

#13

I respectfully disagree, I think the Yaru theme and the Material Design stuff mix very well. I wasn’t able to involve myself as much as I wanted in this but hopefully that will change in the coming weeks.

1 Like
#14

That looks really good, and it really makes me want these options!
image