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.
69 lines
1.9 KiB
69 lines
1.9 KiB
4 years ago
|
import 'package:flutter/material.dart';
|
||
|
|
import 'package:velocity_x/velocity_x.dart';
|
||
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||
|
|
|
||
|
|
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) {
|
||
|
|
return AppBar(
|
||
|
|
title: 'TEST'.text.make(),
|
||
|
|
backgroundColor: _bgColor,
|
||
|
|
elevation: 0,
|
||
|
|
centerTitle: true,
|
||
|
|
leading: Container(
|
||
|
|
margin: EdgeInsets.only(left: 32.w),
|
||
|
|
child: Column(
|
||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||
|
|
children: [
|
||
|
|
Text(
|
||
|
|
'深圳',
|
||
|
|
style: TextStyle(
|
||
|
|
fontWeight: FontWeight.w600,
|
||
|
|
fontSize: 24.sp,
|
||
|
|
color: Color(0xff333333),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
Text(
|
||
|
|
'阴 27℃',
|
||
|
|
style: TextStyle(
|
||
|
|
fontSize: 20.sp,
|
||
|
|
color: Color(0xff333333),
|
||
|
|
),
|
||
|
|
)
|
||
|
|
]),
|
||
|
|
),
|
||
|
|
actions: widget.actions,
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|