previewFloatingActionBar function

Implementation

@Preview(
  name: 'FloatingActionBar',
  group: 'Floating Action Bar',
  size: Size(420, 120),
)
Widget previewFloatingActionBar() {
  const tabs = ['114-2', '114-1', '113-2', '113-1'];

  return WidgetPreviewFrame(
    child: SizedBox(
      width: 360,
      child: DefaultTabController(
        length: tabs.length,
        child: FloatingActionBar(
          actions: [
            FloatingActionBarActionButton(
              icon: Icons.share_outlined,
              onTap: () {},
              tooltip: '分享',
            ),
            FloatingActionBarMenuButton<String>(
              icon: Icons.more_vert_outlined,
              items: const [
                PopupMenuItem(
                  value: 'refresh',
                  child: ListTile(
                    leading: Icon(Icons.refresh_outlined),
                    title: Text('Refresh'),
                  ),
                ),
                PopupMenuItem(
                  value: 'display',
                  child: ListTile(
                    leading: Icon(Icons.tune_outlined),
                    title: Text('Display options'),
                  ),
                ),
              ],
              onSelected: (_) {},
            ),
          ],
          child: ChipTabSwitcher(
            tabs: tabs,
            padding: const .symmetric(horizontal: 12),
          ),
        ),
      ),
    ),
  );
}