first commit
This commit is contained in:
142
lib/components/appbar_widget.dart
Normal file
142
lib/components/appbar_widget.dart
Normal file
@@ -0,0 +1,142 @@
|
||||
import '/flutterlib/flutter_theme.dart';
|
||||
import '/flutterlib/flutter_util.dart';
|
||||
import 'package:badges/badges.dart' as badges;
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'appbar_model.dart';
|
||||
export 'appbar_model.dart';
|
||||
|
||||
class AppbarWidget extends StatefulWidget {
|
||||
const AppbarWidget({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
_AppbarWidgetState createState() => _AppbarWidgetState();
|
||||
}
|
||||
|
||||
class _AppbarWidgetState extends State<AppbarWidget> {
|
||||
late AppbarModel _model;
|
||||
|
||||
@override
|
||||
void setState(VoidCallback callback) {
|
||||
super.setState(callback);
|
||||
_model.onUpdate();
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_model = createModel(context, () => AppbarModel());
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_model.maybeDispose();
|
||||
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
context.watch<FFAppState>();
|
||||
|
||||
return Container(
|
||||
width: double.infinity,
|
||||
height: 105.0,
|
||||
decoration: BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
colors: [Color(0xFFE7E63B), Color(0xFFC6E6D7)],
|
||||
stops: [0.0, 1.0],
|
||||
begin: AlignmentDirectional(0.0, -1.0),
|
||||
end: AlignmentDirectional(0, 1.0),
|
||||
),
|
||||
borderRadius: BorderRadius.only(
|
||||
bottomLeft: Radius.circular(40.0),
|
||||
bottomRight: Radius.circular(40.0),
|
||||
topLeft: Radius.circular(0.0),
|
||||
topRight: Radius.circular(0.0),
|
||||
),
|
||||
),
|
||||
child: Padding(
|
||||
padding: EdgeInsetsDirectional.fromSTEB(0.0, 20.0, 0.0, 0.0),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.max,
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Align(
|
||||
alignment: AlignmentDirectional(-1.0, 0.0),
|
||||
child: Padding(
|
||||
padding: EdgeInsetsDirectional.fromSTEB(20.0, 0.0, 0.0, 0.0),
|
||||
child: InkWell(
|
||||
splashColor: Colors.transparent,
|
||||
focusColor: Colors.transparent,
|
||||
hoverColor: Colors.transparent,
|
||||
highlightColor: Colors.transparent,
|
||||
onTap: () async {
|
||||
Scaffold.of(context).openDrawer();
|
||||
},
|
||||
child: Icon(
|
||||
Icons.density_medium_sharp,
|
||||
color: FlutterTheme.of(context).secondaryText,
|
||||
size: 30.0,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
ClipRRect(
|
||||
borderRadius: BorderRadius.circular(8.0),
|
||||
child: Image.asset(
|
||||
'assets/images/numstat+black_1.png',
|
||||
width: 61.0,
|
||||
height: 61.0,
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
Align(
|
||||
alignment: AlignmentDirectional(1.0, 0.0),
|
||||
child: Padding(
|
||||
padding: EdgeInsetsDirectional.fromSTEB(0.0, 0.0, 20.0, 0.0),
|
||||
child: badges.Badge(
|
||||
badgeContent: Text(
|
||||
FFLocalizations.of(context).getText(
|
||||
'trn1lsym' /* 1 */,
|
||||
),
|
||||
style: FlutterTheme.of(context).titleSmall.override(
|
||||
fontFamily: 'Readex Pro',
|
||||
color: Colors.white,
|
||||
fontSize: 10.0,
|
||||
),
|
||||
),
|
||||
showBadge: true,
|
||||
shape: badges.BadgeShape.circle,
|
||||
badgeColor: Color(0xFFFF0000),
|
||||
elevation: 4.0,
|
||||
padding: EdgeInsets.all(8.0),
|
||||
position: badges.BadgePosition.topEnd(),
|
||||
animationType: badges.BadgeAnimationType.scale,
|
||||
toAnimate: true,
|
||||
child: InkWell(
|
||||
splashColor: Colors.transparent,
|
||||
focusColor: Colors.transparent,
|
||||
hoverColor: Colors.transparent,
|
||||
highlightColor: Colors.transparent,
|
||||
onTap: () async {
|
||||
context.pushNamed('notification');
|
||||
},
|
||||
child: FaIcon(
|
||||
FontAwesomeIcons.bell,
|
||||
color: FlutterTheme.of(context).secondaryText,
|
||||
size: 30.0,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user