68 lines
2.1 KiB
Dart
68 lines
2.1 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:blur/blur.dart';
|
|
|
|
class FNavBar extends StatelessWidget {
|
|
static const maxWidth = 920.0;
|
|
|
|
final List<Widget> children;
|
|
final double height;
|
|
|
|
const FNavBar({super.key, required this.children, this.height = 56});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
var theme = Theme.of(context);
|
|
var colorScheme = theme.colorScheme;
|
|
|
|
var widthAvail = MediaQuery.of(context).size.width;
|
|
// var width = widthAvail > maxWidth ? maxWidth : widthAvail;
|
|
|
|
return SafeArea(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(12),
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(24),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: colorScheme.primary.withOpacity(0.3),
|
|
blurRadius: 5,
|
|
offset: const Offset(0, 5),
|
|
)
|
|
],
|
|
),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(24),
|
|
child: Stack(
|
|
children: [
|
|
Blur(
|
|
blur: 10,
|
|
blurColor: colorScheme.primary.withOpacity(0.1),
|
|
child: Container(
|
|
width: widthAvail,
|
|
height: height * children.length,
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
colors: [
|
|
colorScheme.primary.withOpacity(0.1),
|
|
colorScheme.secondary.withOpacity(0.1),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
SizedBox(
|
|
width: widthAvail,
|
|
height: height * children.length,
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: children,
|
|
),
|
|
),
|
|
],
|
|
)),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|