frontend_flutter/lib/src/ui/widgets/top_bar.dart

import "package:flutter/material.dart";
import "search_input.dart";

class TopBar extends StatelessWidget {
  final String logo = "assets/logo.png";
  final SearchInput search;
  final List<Widget> children;
  final String title;

  TopBar({@required this.children, @required this.title, this.search});

  @override
  Widget build(BuildContext context) {
    final double statusbarHeight = MediaQuery.of(context).padding.top;

    return Material(
        type: MaterialType.canvas,
        elevation: 5.0,
        child: Container(
          padding: EdgeInsets.only(top: statusbarHeight, bottom: 0),
          child: Material(
            type: MaterialType.transparency,
            elevation: 0.0,
            color: Colors.transparent,
            child: Column(children: <Widget>[
              Stack(alignment: Alignment.center, children: [
                Text(title, style: Theme.of(context).accentTextTheme.display1),
                Row(
                  mainAxisAlignment: MainAxisAlignment.start,
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: children,
                )
              ]),
              (search != null)
                  ? Padding(
                      padding: EdgeInsets.only(
                          left: 10.0, right: 10.0, bottom: 10.0),
                      child: search)
                  : Container(),
            ]),
          ),
          decoration: BoxDecoration(
            gradient: LinearGradient(
                colors: [
                  Theme.of(context).primaryColor,
                  Theme.of(context).primaryColorDark
                ],
                begin: Alignment.topLeft,
                end: Alignment.bottomRight,
                stops: [0.0, 1.0],
                tileMode: TileMode.clamp),
          ),
        ));
  }
}