You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
1.6 KiB
Dart
58 lines
1.6 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import 'package:fluffychat/config/themes.dart';
|
|
|
|
class SideViewLayout extends StatelessWidget {
|
|
final Widget mainView;
|
|
final Widget? sideView;
|
|
|
|
const SideViewLayout({Key? key, required this.mainView, this.sideView})
|
|
: super(key: key);
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final sideView = this.sideView;
|
|
final hideSideView =
|
|
!FluffyThemes.isThreeColumnMode(context) || sideView == null;
|
|
const sideViewWidth = 360.0;
|
|
return Stack(
|
|
children: [
|
|
AnimatedPositioned(
|
|
duration: FluffyThemes.animationDuration,
|
|
curve: FluffyThemes.animationCurve,
|
|
top: 0,
|
|
left: 0,
|
|
bottom: 0,
|
|
right: hideSideView ? 0 : sideViewWidth,
|
|
child: ClipRRect(child: mainView),
|
|
),
|
|
AnimatedPositioned(
|
|
duration: FluffyThemes.animationDuration,
|
|
curve: FluffyThemes.animationCurve,
|
|
bottom: 0,
|
|
top: 0,
|
|
right: 0,
|
|
left: !FluffyThemes.isThreeColumnMode(context) && sideView != null
|
|
? 0
|
|
: null,
|
|
width: sideView == null
|
|
? 0
|
|
: !FluffyThemes.isThreeColumnMode(context)
|
|
? null
|
|
: sideViewWidth,
|
|
child: Container(
|
|
clipBehavior: Clip.hardEdge,
|
|
decoration: BoxDecoration(
|
|
border: Border(
|
|
left: BorderSide(
|
|
color: Theme.of(context).dividerColor,
|
|
),
|
|
),
|
|
),
|
|
child: sideView,
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|