https://github.com/sephiroth74/appkit_ui_elements

AppKit Ui Elements for Flutter (based on macos_ui)
https://github.com/sephiroth74/appkit_ui_elements

Last synced: 10 months ago
JSON representation

AppKit Ui Elements for Flutter (based on macos_ui)

• Host: GitHub
• URL: https://github.com/sephiroth74/appkit_ui_elements
• Owner: sephiroth74
• License: mit
• Created: 2024-11-08T14:39:04.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-18T08:32:32.000Z (10 months ago)
• Last Synced: 2025-03-18T09:35:17.096Z (10 months ago)
• Language: Dart
• Size: 2.1 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          

Flutter widgets and themes implementing the current macOS design language. It has been inspired by the macos_ui flutter package.

![popup buttons](./pages/images/screenshot-001.png)

![sliders](./pages/images/screenshot-002.png)

![date time pickers](./pages/images/screenshot-003.png)

## Features

A complete set of components (including some not bundled with the macos_ui package).

## Resources

 * Apple Design Resources

## Usage

See the full example inside the `/example` folder.

```dart

class _MyHomePageState extends State {

  int pageIndex = 0;

  @override

  Widget build(BuildContext context) {

    return PlatformMenuBar(

      menus: const [],

      child: AppKitWindow(

        endSidebar: AppKitSidebar(

            shownByDefault: false,

            builder: (context, scrollController) {

              return Container();

            },

            minWidth: 150),

        sidebar: AppKitSidebar(

            builder: (context, scrollController) {

              return AppKitSidebarItems(

                  scrollController: scrollController,

                  itemSize: AppKitSidebarItemSize.large,

                  items: const [

                    AppKitSidebarItem(label: Text('Buttons'), disclosureItems: [

                      AppKitSidebarItem(label: Text('Push Button')),

                      AppKitSidebarItem(label: Text('Toggle Button')),

                      AppKitSidebarItem(label: Text('Combo Button')),

                      AppKitSidebarItem(label: Text('ComboBox Button')),

                      ...

                    ]),

                  ],

                  currentIndex: pageIndex,

                  onChanged: (index) {

                    setState(() {

                      pageIndex = index;

                    });

                  });

            },

            minWidth: 200),

        child: [

          const PushButtonPage(),

          ...

        ][pageIndex],

      ),

    );

  }

}

```