parent
49f9d8a8fe
commit
238fd09bc7
|
After Width: | Height: | Size: 10 KiB |
@ -1,47 +0,0 @@
|
|||||||
import 'package:akuCommunity/utils/headers.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
|
|
||||||
class TopicScrollableText extends StatefulWidget {
|
|
||||||
final String title;
|
|
||||||
TopicScrollableText({Key key, @required this.title}) : super(key: key);
|
|
||||||
|
|
||||||
@override
|
|
||||||
_TopicScrollableTextState createState() => _TopicScrollableTextState();
|
|
||||||
}
|
|
||||||
|
|
||||||
class _TopicScrollableTextState extends State<TopicScrollableText> {
|
|
||||||
ScrollPosition _scrollPosition;
|
|
||||||
|
|
||||||
_positionListener() {
|
|
||||||
setState(() {});
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
void dispose() {
|
|
||||||
_scrollPosition?.removeListener(_positionListener);
|
|
||||||
super.dispose();
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
void didChangeDependencies() {
|
|
||||||
super.didChangeDependencies();
|
|
||||||
_scrollPosition = Scrollable.of(context)?.position;
|
|
||||||
_scrollPosition?.addListener(_positionListener);
|
|
||||||
}
|
|
||||||
|
|
||||||
double get offset {
|
|
||||||
if (_scrollPosition.pixels >= 500.w) return 1;
|
|
||||||
if (_scrollPosition.pixels < 500.w && _scrollPosition.pixels >= 0) {
|
|
||||||
return _scrollPosition.pixels / 500.w;
|
|
||||||
} else
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return Padding(
|
|
||||||
padding: EdgeInsets.only(bottom: 202.w - offset * 160.w),
|
|
||||||
child: Text(widget.title),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -0,0 +1,114 @@
|
|||||||
|
import 'package:akuCommunity/constants/api.dart';
|
||||||
|
import 'package:akuCommunity/utils/headers.dart';
|
||||||
|
import 'package:akuCommunity/widget/bee_back_button.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
|
|
||||||
|
class TopicSliverHeader extends SliverPersistentHeaderDelegate {
|
||||||
|
final String imgPath;
|
||||||
|
final String title;
|
||||||
|
final String subTitle;
|
||||||
|
final int id;
|
||||||
|
|
||||||
|
TopicSliverHeader({
|
||||||
|
this.imgPath,
|
||||||
|
this.title,
|
||||||
|
this.subTitle,
|
||||||
|
@required this.id,
|
||||||
|
});
|
||||||
|
|
||||||
|
_buildOverlay(double shrinkOffset) {
|
||||||
|
return Positioned(
|
||||||
|
left: 0,
|
||||||
|
right: 0,
|
||||||
|
top: 0,
|
||||||
|
bottom: 0,
|
||||||
|
child: Material(
|
||||||
|
color: Colors.white.withOpacity(0 + 0.5 * _offset(shrinkOffset)),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
_buildBackButton() {
|
||||||
|
return Positioned(
|
||||||
|
left: 0,
|
||||||
|
top: ScreenUtil().statusBarHeight,
|
||||||
|
child: BeeBackButton().material(
|
||||||
|
color: Colors.transparent,
|
||||||
|
clipBehavior: Clip.antiAlias,
|
||||||
|
borderRadius: BorderRadius.circular(24),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
_buildTitle(double shrinkOffset) {
|
||||||
|
return Positioned(
|
||||||
|
bottom: 202.w - 195.w * _filterOffset(shrinkOffset),
|
||||||
|
left: 32.w + (95.w - 32.w) * _offset(shrinkOffset),
|
||||||
|
child: '#$title'.text.bold.size(52.sp).make(),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
_buildSubTitle(double shrinkOffset) {
|
||||||
|
return Positioned(
|
||||||
|
bottom: 104.w - 104.w * _offset(shrinkOffset) * 2,
|
||||||
|
left: 32.w,
|
||||||
|
child: Opacity(
|
||||||
|
opacity: 1 - _offset(shrinkOffset),
|
||||||
|
child: subTitle.text.size(24.sp).make(),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(
|
||||||
|
BuildContext context, double shrinkOffset, bool overlapsContent) {
|
||||||
|
return Container(
|
||||||
|
color: Colors.white,
|
||||||
|
child: Stack(
|
||||||
|
fit: StackFit.expand,
|
||||||
|
children: [
|
||||||
|
Hero(
|
||||||
|
tag: "$imgPath\_$id",
|
||||||
|
child: FadeInImage.assetNetwork(
|
||||||
|
placeholder: R.ASSETS_IMAGES_PLACEHOLDER_WEBP,
|
||||||
|
image: API.image(imgPath),
|
||||||
|
fit: BoxFit.cover,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
_buildOverlay(shrinkOffset),
|
||||||
|
_buildBackButton(),
|
||||||
|
_buildTitle(shrinkOffset),
|
||||||
|
_buildSubTitle(shrinkOffset),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
double _offset(double shrinkOffset) {
|
||||||
|
if (shrinkOffset <= 0)
|
||||||
|
return 0;
|
||||||
|
else if (shrinkOffset > 0 && shrinkOffset <= maxExtent)
|
||||||
|
return shrinkOffset / maxExtent;
|
||||||
|
else
|
||||||
|
return 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
double _filterOffset(double shrinkOffset) {
|
||||||
|
var offset = _offset(shrinkOffset);
|
||||||
|
if (offset <= 0) return 0;
|
||||||
|
if (offset < 0.7) return offset / 0.7;
|
||||||
|
return 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
double get maxExtent => 460.w + ScreenUtil().statusBarHeight;
|
||||||
|
|
||||||
|
@override
|
||||||
|
double get minExtent => 48 + ScreenUtil().statusBarHeight;
|
||||||
|
|
||||||
|
@override
|
||||||
|
bool shouldRebuild(covariant SliverPersistentHeaderDelegate oldDelegate) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
class ChatCard extends StatefulWidget {
|
||||||
|
final String name;
|
||||||
|
final String title;
|
||||||
|
ChatCard({Key key, this.name, this.title}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_ChatCardState createState() => _ChatCardState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ChatCardState extends State<ChatCard> {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Container();
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in new issue