fluent_ui 0.0.2

Implements fluent ui in flutter

example/lib/main.dart

import 'package:fluent_ui/fluent_ui.dart';
import 'package:flutter/material.dart' as material;

import 'screens/buttons.dart';

// final appKey = GlobalKey<_MyAppState>();
final homeKey = GlobalKey();

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  MyApp({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return FluentApp(
      title: 'Fluent ui app showcase',
      themeMode: ThemeMode.light,
      initialRoute: '/',
      debugShowCheckedModeBanner: false,
      routes: {
        '/': (_) => MyHomePage(key: homeKey),
      },
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  bool value = false;

  int index = 0;

  @override
  Widget build(BuildContext context) {
    material.Tooltip(message: '');
    return Scaffold(
      header: AppBar(
        title: Text('Fluent UI App Showcase'),
        // leading: IconButton(
        // icon: AnimatedSwitcher(
        //   duration: Duration(milliseconds: 600),
        //   child: Icon(
        //     appKey.currentState.mode == ThemeMode.light
        //         ? FluentIcons.lightbulb_24_filled
        //         : FluentIcons.lightbulb_24_regular,
        //     color: Colors.white,
        //     key: ValueKey<ThemeMode>(appKey.currentState.mode),
        //   ),
        // ),
        // style: IconButtonStyle(
        //   border: (_) => Border.all(color: Colors.white, width: 0.6),
        //   margin: EdgeInsets.all(8),
        // ),
        // onPressed: () {
        //   appKey.currentState.mode =
        //       appKey.currentState.mode == ThemeMode.light
        //           ? ThemeMode.dark
        //           : ThemeMode.light;
        // },
        // ),
        bottom: Pivot(
          currentIndex: index,
          onChanged: (i) => setState(() => index = i),
          pivots: [
            PivotItem(text: Text('Inputs')),
            PivotItem(text: Text('Surfaces')),
          ],
        ),
      ),
      body: PivotView(
        currentIndex: index,
        pages: <Widget>[
          InputsPage(),
          Column(
            children: [
              Tooltip(
                message: Text('my message'),
                child: Card(
                  child: Text('hahaha'),
                ),
              ),
            ],
          ),
        ],
      ),
      // left: NavigationPanel(
      //   currentIndex: index,
      //   onChanged: (i) => setState(() => index = i),
      //   items: [
      //     NavigationPanelItem(
      //       icon: Icon(FluentIcons.radio_button_24_filled),
      //       label: Text('Inputs'),
      //     ),
      //     NavigationPanelItem(
      //       icon: Icon(FluentIcons.radio_button_24_filled),
      //       label: Text('Surface'),
      //     ),
      //   ],
      // ),
    );
  }
}