QUEST · CAMPAIGN 화면 — 퀘스트 참여·생성·인증 · 캠페인 목록·상세·후원·랭킹

2026-09-29 17:06:48 +09:00
parent 5de04ac281
commit 18afc9cb98
25 changed files with 9368 additions and 0 deletions
@@ -0,0 +1,139 @@
+import 'package:flutter/material.dart';
+
+import '../../core/theme/tokens.dart';
+import '../../core/i18n/app_locale.dart';
+
+/// 위치 선택 — 화면 대조 원장 F4 · Figma `371:356705`.
+///
+/// 명세 `567:19531` — *분류 특정 위치를 선택했을 경우 목표 수치(특정 위치) 필드 활성화*.
+///
+/// **지도를 붙이지 않았다.** 지오펜스 반경(D-08)과 대상 장소 등록이 모두 Admin
+/// 운영값이고 아직 확정되지 않았다. 지금 지도 SDK 를 넣으면 최소 지원 OS 가
+/// 다시 움직인다(플러그인 선검증 §3.5). **장소 선택 동선은 여기서 완결**되고,
+/// 지도 표시는 대상 장소가 확정된 뒤 이 화면 안에서 바뀐다.
+class PlacePickerScreen extends StatefulWidget {
+  const PlacePickerScreen({super.key, this.places = defaultPlaces});
+
+  final List<String> places;
+
+  /// 어드민에 등록될 장소의 표본. **정책값이 아니다.**
+  static const defaultPlaces = [
+    '홍대 팝업스토어',
+    'HYBE 사옥',
+    'SM 코엑스 아티움',
+    '올림픽공원 체조경기장',
+    '고척 스카이돔',
+  ];
+
+  @override
+  State<PlacePickerScreen> createState() => _PlacePickerScreenState();
+}
+
+class _PlacePickerScreenState extends State<PlacePickerScreen> {
+  String _query = '';
+  String? _selected;
+
+  List<String> get _visible => widget.places
+      .where((p) => _query.isEmpty || p.contains(_query))
+      .toList();
+
+  @override
+  Widget build(BuildContext context) => Scaffold(
+    appBar: AppBar(leading: const CloseButton()),
+    body: Column(
+      crossAxisAlignment: CrossAxisAlignment.stretch,
+      children: [
+        // 시안 `371:356705` 머리 — 안내 문구 + 고른 장소. 지도 자리는 아래 검색 목록이다.
+        Padding(
+          padding: const EdgeInsets.fromLTRB(16, 20, 16, 20),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Text(
+                context.l10n.placePickPrompt,
+                style: const TextStyle(
+                  fontSize: 18,
+                  fontWeight: FontWeight.w600,
+                  height: 1.4,
+                  letterSpacing: -0.45,
+                  color: AppColors.onCosmic,
+                ),
+              ),
+              const SizedBox(height: 10),
+              Text(
+                _selected ?? '',
+                style: const TextStyle(
+                  fontSize: 14,
+                  fontWeight: FontWeight.w400,
+                  height: 1.4,
+                  color: Color(0xFFCDCDCD),
+                ),
+              ),
+            ],
+          ),
+        ),
+        Padding(
+          padding: const EdgeInsets.symmetric(horizontal: AppSpace.s4),
+          child: TextField(
+            decoration: InputDecoration(
+              labelText: context.l10n.placeSearch,
+              prefixIcon: Icon(Icons.search),
+            ),
+            onChanged: (v) => setState(() => _query = v.trim()),
+          ),
+        ),
+        Expanded(
+          child: _visible.isEmpty
+              ? Center(
+                  child: Text(
+                    context.l10n.commonNoResults,
+                    style: Theme.of(context).textTheme.bodyMedium,
+                  ),
+                )
+              // 디폴트 미선택 · 단수 선택.
+              : RadioGroup<String>(
+                  groupValue: _selected,
+                  onChanged: (v) => setState(() => _selected = v),
+                  child: ListView.builder(
+                    itemCount: _visible.length,
+                    itemBuilder: (context, i) {
+                      final place = _visible[i];
+                      return RadioListTile<String>(
+                        value: place,
+                        title: Text(place),
+                        secondary: const Icon(Icons.place_outlined),
+                      );
+                    },
+                  ),
+                ),
+        ),
+        SafeArea(
+          top: false,
+          child: Padding(
+            padding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
+            child: FilledButton(
+              onPressed: _selected == null
+                  ? null
+                  : () => Navigator.of(context).pop(_selected),
+              style: FilledButton.styleFrom(
+                minimumSize: const Size.fromHeight(56),
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(AppRadius.sm),
+                ),
+                backgroundColor: AppColors.cosmicAccent,
+                foregroundColor: Colors.black,
+                textStyle: const TextStyle(
+                  fontFamily: AppFonts.body,
+                  fontSize: 16,
+                  fontWeight: FontWeight.w600,
+                  height: 24 / 16,
+                ),
+              ),
+              child: Text(context.l10n.commonSelectDone),
+            ),
+          ),
+        ),
+      ],
+    ),
+  );
+}