feature(settings): Верстка экранов настроек

2025-06-16 22:21:23 +03:00
parent 9c5e06884d
commit 5e65118ab4
23 changed files with 1386 additions and 4 deletions
--- a/lib/screens/settings/states/faq.dart
+++ b/lib/screens/settings/states/faq.dart
@@ -0,0 +1,92 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:remever/common/resources.dart';
+import 'package:remever/common/typography.dart';
+import 'package:remever/common/widgets/typography.dart';
+import 'package:remever/common/widgets/wspace.dart';
+import 'package:remever/components/extensions/context.dart';
+import 'package:remever/screens/settings/cubit/settings_cubit.dart';
+import 'package:remever/widgets/primary_button.dart';
+
+class FaqSettingsState extends StatelessWidget {
+  const FaqSettingsState({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: AppColors.bg,
+      appBar: _buildAppBar(context),
+      body: Padding(
+        padding: const EdgeInsets.all(16).r,
+        child: Column(
+          children: [
+            Expanded(
+              child: Container(
+                width: double.infinity,
+                decoration: BoxDecoration(
+                  color: AppColors.white,
+                  borderRadius: BorderRadius.all(Radius.circular(12)).r,
+                ),
+                child: _buildFaqList(),
+              ),
+            ),
+            HSpace(16),
+            PrimaryButton(
+              onTap: () {},
+              child: AppTypography(
+                'Задать свой вопрос',
+                type: Medium14px(),
+                color: AppColors.white,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildFaqList() {
+    return ListView(
+      children: [
+        _buildExpansion('Есть ли ограничения по количеству коллекций?', 'Нет'),
+        Divider(thickness: 1, height: 1, color: AppColors.bg),
+        _buildExpansion(
+          'Как поделиться коллекцией с друзьями?',
+          'Другу необходимо установить приложение Remever на свой телефон, после этого вы сможете обмениваться друг с другом коллекциями',
+        ),
+        Divider(thickness: 1, height: 1, color: AppColors.bg),
+        _buildExpansion('Можно ли пользоваться бесплатно?', 'Пока да'),
+        Divider(thickness: 1, height: 1, color: AppColors.bg),
+      ],
+    );
+  }
+
+  /// AppBar экрана FAQ
+  AppBar _buildAppBar(BuildContext context) {
+    return AppBar(
+      toolbarHeight: 66.h,
+      backgroundColor: AppColors.white,
+      shadowColor: Colors.transparent,
+      centerTitle: true,
+      title: AppTypography('FAQ', type: SemiBold20px()),
+      leading: IconButton(
+        onPressed: () => context.read<SettingsCubit>().toInitialState(),
+        icon: Icon(CupertinoIcons.left_chevron),
+        color: Colors.black,
+      ),
+    );
+  }
+
+  Widget _buildExpansion(String title, String answer) {
+    return ExpansionTile(
+      title: AppTypography(title, type: Medium16px(), maxLines: 2),
+      textColor: Colors.black,
+      children: [
+        ListTile(
+          title: AppTypography(answer, type: Regular14px(), maxLines: 99),
+        ),
+      ],
+    );
+  }
+}