You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
aku_new_community/lib/pages/home/widget/animate_app_bar.dart

78 lines
2.3 KiB

// Flutter imports:
4 years ago
import 'package:flutter/material.dart';
// Package imports:
4 years ago
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:provider/provider.dart';
import 'package:velocity_x/velocity_x.dart';
4 years ago
// Project imports:
import 'package:akuCommunity/provider/app_provider.dart';
4 years ago
class AnimateAppBar extends StatefulWidget with PreferredSizeWidget {
final ScrollController scrollController;
final List<Widget> actions;
AnimateAppBar({Key key, this.scrollController, this.actions})
: super(key: key);
@override
_AnimateAppBarState createState() => _AnimateAppBarState();
@override
Size get preferredSize => Size.fromHeight(56);
}
class _AnimateAppBarState extends State<AnimateAppBar> {
Color _bgColor = Colors.transparent;
@override
void initState() {
super.initState();
widget.scrollController.addListener(() {
setState(() {
_bgColor = widget.scrollController.offset > 30
? Color(0xFFFFBD00)
: widget.scrollController.offset < 0
? Colors.transparent
: Color(0xFFFFBD00)
.withOpacity((widget.scrollController.offset / 30));
});
});
}
@override
Widget build(BuildContext context) {
final appProvider = Provider.of<AppProvider>(context);
4 years ago
return AppBar(
4 years ago
title: '人才公寓智慧小区'.text.make(),
4 years ago
backgroundColor: _bgColor,
elevation: 0,
centerTitle: true,
leading: Container(
margin: EdgeInsets.only(left: 32.w),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
appProvider?.location?.city ?? '',
4 years ago
style: TextStyle(
fontWeight: FontWeight.w600,
fontSize: 24.sp,
color: Color(0xff333333),
),
),
Text(
'${appProvider.weatherType} ${appProvider.weatherTemp}',
// '阴 27℃',
4 years ago
style: TextStyle(
fontSize: 20.sp,
color: Color(0xff333333),
),
)
]),
),
actions: widget.actions,
);
}
}