playable_toolbar_flutter 0.0.2

A playable and customizable and easy-to-use toolbar made with flutter

example/example.dart

import 'package:flutter/material.dart';
import 'package:playable_toolbar_flutter/list_item_model.dart';
import 'package:playable_toolbar_flutter/playable_toolbar_flutter.dart';
import 'constants.dart';

void main() => runApp(const MyApp());

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Material App',
      home: Scaffold(
        body: PlayableToolbarWidget(
          toolbarItems: toolbarItems,
          toolbarHeight: Constants.toolbarHeight,
          toolbarWidth: Constants.toolbarWidth,
          toolbarBackgroundColor: Colors.black.withAlpha(200),
          toolbarBackgroundRadius: 10,
        ),
      ),
    );
  }
}

List<ListItemModel> toolbarItems = [
  ListItemModel(
    onTap: () => print("Edit is tapped."),
    title: 'Edit',
    color: Colors.pinkAccent,
    icon: Icons.edit,
  ),
  ListItemModel(
    onTap: () => print("Delete is tapped."),
    title: 'Delete',
    color: Colors.lightBlueAccent,
    icon: Icons.delete,
  ),
  ListItemModel(
    onTap: () => print("Comment is tapped."),
    title: 'Comment',
    color: Colors.cyan,
    icon: Icons.comment,
  ),
  ListItemModel(
    onTap: () => print("Post is tapped."),
    title: 'Post',
    color: Colors.deepOrangeAccent,
    icon: Icons.post_add,
  ),
  ListItemModel(
    onTap: () => print("Favorite is tapped."),
    title: 'Favorite',
    color: Colors.pink,
    icon: Icons.star,
  ),
  ListItemModel(
    onTap: () => print("Details is tapped."),
    title: 'Details',
    color: Colors.amber,
    icon: Icons.details,
  ),
  ListItemModel(
    onTap: () => print("Languages is tapped."),
    title: 'Languages',
    color: Colors.pinkAccent,
    icon: Icons.translate,
  ),
];