how to create custom appbar in flutter code example
Example: flutter create custom appbar
// ./components/appBar.dart
import 'package:flutter/material.dart';
class CustomAppBar extends StatelessWidget with PreferredSizeWidget {
final String _title;
@override
final Size preferredSize;
CustomAppBar(this._title, { Key key}) : preferredSize = Size.fromHeight(50.0),
super(key: key);
@override
Widget build(BuildContext context) {
return AppBar( // your customization here
title: Text('$_title'),
centerTitle: true,
backgroundColor: Colors.black54,
);
}
}
// on the file using the appBar just:
import 'package:flutter/material.dart';
import 'package:photo_app/components/appBar.dart';
class Albums extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: CustomAppBar('Your title here'),
);
}
}