69 lines
2.1 KiB
Dart
69 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,
|
||
|
),
|
||
|
),
|
||
|
],
|
||
|
)),
|
||
|
),
|
||
|
),
|
||
|
);
|
||
|
}
|
||
|
}
|