Minas Giannekas πŸ’™ Profile picture
Oct 16, 2021 β€’ 20 tweets β€’ 10 min read β€’ Read on X
Operation: port @ShortcutKeeper to Windows initiated! πŸ’»

#flutter #dev Image
... and paused: never underestimate the need to reboot on Windows! Image
And we are live from Windows!

After a sqlite database adjustment, the app seems to work without major issues on Windows as well.

@GroovinChip macos_ui feels like an intruder here πŸ™ƒ Image
Fixed the program name and icon after some searching around, so the window bar and taskbar show up properly. Image
Splitting the app into two different paths for each platform (in main.dart):

➑ a MacosApp() when the platform is macOS.
➑ a FluentApp() when we are on Windows.

The first major step to bring Windows (Fluent UI) design to the app.

#flutterdev Image
Then each widget should have an alternate Windows-specific layout and design. πŸ–Œ

Starting with small widgets, like buttons: Image
And here are the first comparison screenshots for Windows (in progress, of course) and macOS!

The home screen: ImageImage
and the Delete dialog, following the platform norms for which side the main action button ("Delete") is positioned (left for Windows, right for macOS): ImageImage
Adapting the UI to Windows made possible with @bdlukaadev 's awesome Fluent UI package!

pub.dev/packages/fluen…
A lot of progress made with the sidebar and the main UI of the app.

Still need to adapt it to Windows buttons,app icons, etc.

Looking better every day! ImageImage
We now have:

- a new custom top bar (where the minimize, maximize, and close buttons are),

- and a redesign of the command bar (add, edit, delete, and display option buttons),

to better match Fluent design's norms. Image
And a first look for the dark theme: Image
Really happy with the result, being almost identical to the command bar guidelines from Windows Fluent design's gallery: Image
Flutter: Vertical viewport was given unbounded height

Me:
After adding the search field, the top part of the app's UI is almost complete!

Here is a quick contrast between the macOS and Windows UI:

#flutterdev #Flutter ImageImage
Almost done now!

Trying a Windows release build for the first time... Image
and @ShortcutKeeper now has a Windows executable in full functionality! Image
@ShortcutKeeper There is also a different logo for the Windows version, as the Command key symbol would not make sense here. ImageImage
@ShortcutKeeper Here are some screens from the Windows version: ImageImageImageImage
Operation port @ShortcutKeeper to Windows, almost complete now!

What's left is creating the Msix installer and deploying the app to Microsoft Store.🦾

#flutter #flutterDev Image

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh
γ€€

Keep Current with Minas Giannekas πŸ’™

Minas Giannekas πŸ’™ Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @whiplashoo

Nov 3, 2021
The same desktop app with native-looking UI for both macOS and Windows ⁉

Done with Flutter!βœ…

#flutter #flutterDev
Here is the thread documenting some parts of the development process!
A closer side-by-side comparison of the main screen UI:

MacOS vs Windows
Read 4 tweets
Nov 3, 2021
Happy to announce that @ShortcutKeeper is now available on Windows as well!

You can get it here: microsoft.com/store/apps/9NS…

There is also a 7-day free trial that you can take advantage of!
Shortcut Keeper is a simple app that lets you store the keyboard shortcuts you use daily in your apps.
It can be difficult to remember all the keyboard shortcuts you use daily in every app.

With Shortcut Keeper, you can save all the shortcuts you want to learn.
Read 8 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(