초기 커밋
This commit is contained in:
@@ -0,0 +1,231 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
import 'package:gap/gap.dart';
|
||||
|
||||
import '../../../../app/app_providers.dart';
|
||||
import '../../../../core/utils/extensions.dart';
|
||||
|
||||
class SystemSettingsScreen extends ConsumerWidget {
|
||||
const SystemSettingsScreen({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context, WidgetRef ref) {
|
||||
final themeMode = ref.watch(themeModeNotifierProvider);
|
||||
|
||||
return SingleChildScrollView(
|
||||
padding: const EdgeInsets.all(24),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
'시스템 설정',
|
||||
style: context.textTheme.headlineMedium?.copyWith(
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
const Gap(8),
|
||||
Text(
|
||||
'시스템 환경을 설정하세요',
|
||||
style: context.textTheme.bodyLarge?.copyWith(
|
||||
color: context.colorScheme.onSurfaceVariant,
|
||||
),
|
||||
),
|
||||
const Gap(24),
|
||||
|
||||
// 일반 설정
|
||||
Center(
|
||||
child: ConstrainedBox(
|
||||
constraints: const BoxConstraints(maxWidth: 800),
|
||||
child: Column(
|
||||
children: [
|
||||
_SettingsSection(
|
||||
title: '일반',
|
||||
children: [
|
||||
_SettingsTile(
|
||||
icon: Icons.brightness_6,
|
||||
title: '테마',
|
||||
subtitle: _themeLabel(themeMode),
|
||||
trailing: SegmentedButton<ThemeMode>(
|
||||
segments: const [
|
||||
ButtonSegment(
|
||||
value: ThemeMode.light,
|
||||
icon: Icon(Icons.light_mode),
|
||||
label: Text('라이트'),
|
||||
),
|
||||
ButtonSegment(
|
||||
value: ThemeMode.system,
|
||||
icon: Icon(Icons.brightness_auto),
|
||||
label: Text('시스템'),
|
||||
),
|
||||
ButtonSegment(
|
||||
value: ThemeMode.dark,
|
||||
icon: Icon(Icons.dark_mode),
|
||||
label: Text('다크'),
|
||||
),
|
||||
],
|
||||
selected: {themeMode},
|
||||
onSelectionChanged: (modes) {
|
||||
ref
|
||||
.read(themeModeNotifierProvider.notifier)
|
||||
.setThemeMode(modes.first);
|
||||
},
|
||||
),
|
||||
),
|
||||
_SettingsTile(
|
||||
icon: Icons.language,
|
||||
title: '언어',
|
||||
subtitle: '한국어',
|
||||
trailing: const Icon(Icons.chevron_right),
|
||||
onTap: () {
|
||||
// TODO: 언어 설정
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
const Gap(16),
|
||||
|
||||
_SettingsSection(
|
||||
title: '알림',
|
||||
children: [
|
||||
_SettingsTile(
|
||||
icon: Icons.notifications,
|
||||
title: '푸시 알림',
|
||||
subtitle: '활성화됨',
|
||||
trailing: Switch(
|
||||
value: true,
|
||||
onChanged: (value) {
|
||||
// TODO: 알림 설정
|
||||
},
|
||||
),
|
||||
),
|
||||
_SettingsTile(
|
||||
icon: Icons.email,
|
||||
title: '이메일 알림',
|
||||
subtitle: '활성화됨',
|
||||
trailing: Switch(
|
||||
value: true,
|
||||
onChanged: (value) {
|
||||
// TODO: 이메일 알림 설정
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
const Gap(16),
|
||||
|
||||
_SettingsSection(
|
||||
title: 'API 설정',
|
||||
children: [
|
||||
_SettingsTile(
|
||||
icon: Icons.link,
|
||||
title: 'API Base URL',
|
||||
subtitle: 'http://localhost:8000/api/v1',
|
||||
trailing: const Icon(Icons.chevron_right),
|
||||
onTap: () {
|
||||
// TODO: API URL 설정
|
||||
},
|
||||
),
|
||||
_SettingsTile(
|
||||
icon: Icons.timer,
|
||||
title: '요청 타임아웃',
|
||||
subtitle: '15초',
|
||||
trailing: const Icon(Icons.chevron_right),
|
||||
onTap: () {
|
||||
// TODO: 타임아웃 설정
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
const Gap(16),
|
||||
|
||||
_SettingsSection(
|
||||
title: '정보',
|
||||
children: [
|
||||
const _SettingsTile(
|
||||
icon: Icons.info_outline,
|
||||
title: '앱 버전',
|
||||
subtitle: '1.0.0',
|
||||
),
|
||||
const _SettingsTile(
|
||||
icon: Icons.code,
|
||||
title: 'Flutter',
|
||||
subtitle: 'SDK 3.8.0',
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
String _themeLabel(ThemeMode mode) {
|
||||
return switch (mode) {
|
||||
ThemeMode.light => '라이트 모드',
|
||||
ThemeMode.dark => '다크 모드',
|
||||
ThemeMode.system => '시스템 설정',
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
class _SettingsSection extends StatelessWidget {
|
||||
const _SettingsSection({
|
||||
required this.title,
|
||||
required this.children,
|
||||
});
|
||||
|
||||
final String title;
|
||||
final List<Widget> children;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Card(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.fromLTRB(20, 16, 20, 8),
|
||||
child: Text(
|
||||
title,
|
||||
style: Theme.of(context).textTheme.titleSmall?.copyWith(
|
||||
color: Theme.of(context).colorScheme.primary,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
),
|
||||
...children,
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _SettingsTile extends StatelessWidget {
|
||||
const _SettingsTile({
|
||||
required this.icon,
|
||||
required this.title,
|
||||
required this.subtitle,
|
||||
this.trailing,
|
||||
this.onTap,
|
||||
});
|
||||
|
||||
final IconData icon;
|
||||
final String title;
|
||||
final String subtitle;
|
||||
final Widget? trailing;
|
||||
final VoidCallback? onTap;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ListTile(
|
||||
leading: Icon(icon),
|
||||
title: Text(title),
|
||||
subtitle: Text(subtitle),
|
||||
trailing: trailing,
|
||||
onTap: onTap,
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user