78 lines
2.0 KiB
Dart
78 lines
2.0 KiB
Dart
import 'package:adminduk_puger/theme.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
|
|
class HeaderWidget extends StatelessWidget {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return ClipPath(
|
|
clipper: HeaderClipper(),
|
|
child: Container(
|
|
padding: EdgeInsets.only(top: 50, left: 50, right: 50, bottom: 30),
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topCenter,
|
|
end: Alignment.bottomCenter,
|
|
colors: [
|
|
biru, // Putih
|
|
biru, // Biru muda
|
|
],
|
|
),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Adminduk",
|
|
style: GoogleFonts.poppins(
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.bold,
|
|
color: dongker,
|
|
height: 1.2,
|
|
),
|
|
),
|
|
Text(
|
|
"PUGER",
|
|
style: GoogleFonts.poppins(
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 18,
|
|
height: 1.0,
|
|
color: dongker,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
// Custom Clipper untuk efek melengkung
|
|
class HeaderClipper extends CustomClipper<Path> {
|
|
@override
|
|
Path getClip(Size size) {
|
|
Path path = Path();
|
|
path.lineTo(0, size.height - 20);
|
|
path.quadraticBezierTo(
|
|
size.width / 2,
|
|
size.height + 20,
|
|
size.width,
|
|
size.height - 20,
|
|
);
|
|
path.lineTo(size.width, 0);
|
|
path.close();
|
|
return path;
|
|
}
|
|
|
|
@override
|
|
bool shouldReclip(CustomClipper<Path> oldClipper) => false;
|
|
}
|