- Murattal: Spotify-style 5-button controls [Shuffle, Prev, Play, Next, Playlist] - Murattal: Animated 7-bar equalizer visualization in player circle - Murattal: Unsplash API background with frosted glass player overlay - Murattal: Transparent AppBar with backdrop blur - Murattal: Surah playlist bottom sheet with full 114 Surah list - Murattal: Auto-play disabled on screen open, enabled on navigation - Murattal: Shuffle mode for random Surah playback - Murattal: Photographer attribution per Unsplash guidelines - Dashboard: Auto-scroll prayer schedule to next active prayer - Fix: setState lifecycle errors on Reading & Murattal screens - Setup: flutter_dotenv, cached_network_image, url_launcher deps
36 lines
960 B
Dart
36 lines
960 B
Dart
import 'package:flutter/material.dart';
|
|
import '../../app/theme/app_colors.dart';
|
|
|
|
/// Reusable uppercase section label (e.g. "NOTIFICATIONS", "DISPLAY").
|
|
/// Uses sage color, tracking-wider, bold weight per PRD §3.2 labelSmall.
|
|
class SectionHeader extends StatelessWidget {
|
|
const SectionHeader({
|
|
super.key,
|
|
required this.title,
|
|
this.trailing,
|
|
});
|
|
|
|
final String title;
|
|
final Widget? trailing;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
title.toUpperCase(),
|
|
style: Theme.of(context).textTheme.labelSmall?.copyWith(
|
|
color: AppColors.sage,
|
|
letterSpacing: 1.5,
|
|
),
|
|
),
|
|
if (trailing != null) trailing!,
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|