...
This commit is contained in:
parent
bc57468aaa
commit
283f08786e
@ -2,7 +2,7 @@ import 'dart:convert';
|
||||
import 'package:bonsoir/bonsoir.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mobile_scanner/mobile_scanner.dart';
|
||||
import 'package:playwith_core/playwith_core.dart'; // GameChatOverlay 포함됨
|
||||
import 'package:playwith_core/playwith_core.dart'; // Core (AvatarWidget, NetworkManager 등)
|
||||
import 'package:playwith_game_quiz/quiz_game.dart';
|
||||
import 'package:qr_flutter/qr_flutter.dart';
|
||||
|
||||
@ -22,6 +22,7 @@ class _LobbyScreenState extends State<LobbyScreen> {
|
||||
void initState() {
|
||||
super.initState();
|
||||
|
||||
// 로그 리스너
|
||||
_net.logStream.listen((log) {
|
||||
if (!mounted) return;
|
||||
setState(() {
|
||||
@ -39,6 +40,7 @@ class _LobbyScreenState extends State<LobbyScreen> {
|
||||
});
|
||||
});
|
||||
|
||||
// 게임 시작 신호 감지
|
||||
_net.messageStream.listen((data) {
|
||||
if (data['type'] == 'GAME_START') {
|
||||
final String gameId = data['gameId'];
|
||||
@ -49,10 +51,8 @@ class _LobbyScreenState extends State<LobbyScreen> {
|
||||
});
|
||||
}
|
||||
|
||||
// [핵심] 채팅 오버레이 적용
|
||||
void _startGameAndNavigate(BaseGame game) {
|
||||
if (!mounted) return;
|
||||
|
||||
game.onStart();
|
||||
|
||||
Navigator.push(
|
||||
@ -65,13 +65,11 @@ class _LobbyScreenState extends State<LobbyScreen> {
|
||||
gameView = game.buildGuestView(context);
|
||||
}
|
||||
|
||||
// 플랫폼 구조: 게임 화면 위에 채팅창 오버레이
|
||||
// 게임 위 채팅 오버레이
|
||||
return Stack(
|
||||
children: [
|
||||
gameView, // 1. 게임 화면
|
||||
const SafeArea(
|
||||
child: GameChatOverlay(), // 2. 채팅창 (Core 제공)
|
||||
),
|
||||
gameView,
|
||||
const SafeArea(child: GameChatOverlay()),
|
||||
],
|
||||
);
|
||||
}),
|
||||
@ -85,25 +83,26 @@ class _LobbyScreenState extends State<LobbyScreen> {
|
||||
builder: (context, child) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Text('대기실: ${_net.me.nickname}'),
|
||||
title: const Text('대기실'),
|
||||
centerTitle: true,
|
||||
actions: [
|
||||
if (_net.role == NetworkRole.host)
|
||||
IconButton(
|
||||
icon: const Icon(Icons.qr_code, size: 30),
|
||||
onPressed: () => _showHostQRDialog(),
|
||||
),
|
||||
|
||||
// 연결된 상태라면 나가기 버튼 표시
|
||||
if (_net.role != NetworkRole.none)
|
||||
IconButton(
|
||||
icon: const Icon(Icons.exit_to_app),
|
||||
icon: const Icon(Icons.exit_to_app, color: Colors.red),
|
||||
tooltip: "나가기",
|
||||
onPressed: () => _net.stopNetwork(),
|
||||
)
|
||||
],
|
||||
),
|
||||
body: Column(
|
||||
children: [
|
||||
Expanded(flex: 3, child: _buildBody()),
|
||||
const Divider(thickness: 2, color: Colors.grey),
|
||||
// 메인 바디 (연결 상태에 따라 분기)
|
||||
Expanded(flex: 3, child: _buildMainBody()),
|
||||
|
||||
const Divider(thickness: 1, height: 1),
|
||||
|
||||
// 하단 디버그 로그 (개발용)
|
||||
_buildDebugConsole(),
|
||||
],
|
||||
),
|
||||
@ -112,93 +111,85 @@ class _LobbyScreenState extends State<LobbyScreen> {
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildDebugConsole() {
|
||||
return Column(
|
||||
children: [
|
||||
Container(
|
||||
width: double.infinity,
|
||||
padding: const EdgeInsets.all(8.0),
|
||||
color: Colors.black87,
|
||||
child: const Text("DEBUG LOGS", style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold)),
|
||||
),
|
||||
SizedBox(
|
||||
height: 150,
|
||||
child: Container(
|
||||
color: Colors.black,
|
||||
child: ListView.builder(
|
||||
controller: _scrollController,
|
||||
itemCount: _logs.length,
|
||||
itemBuilder: (context, index) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8.0, vertical: 2.0),
|
||||
child: Text(
|
||||
_logs[index],
|
||||
style: const TextStyle(color: Colors.greenAccent, fontSize: 12, fontFamily: 'Courier'),
|
||||
),
|
||||
);
|
||||
},
|
||||
// [Main Body] 상태에 따라 초기화면 vs 대기실 화면 분기
|
||||
Widget _buildMainBody() {
|
||||
// 1. 아직 연결 안 됨 (초기 화면)
|
||||
if (_net.role == NetworkRole.none) {
|
||||
return _buildInitView();
|
||||
}
|
||||
|
||||
// 2. 연결됨 (대기실 - 방장/참가자 통합 UI)
|
||||
return _buildLobbyView();
|
||||
}
|
||||
|
||||
// ------------------------------------------------------------------------
|
||||
// 1. 초기 화면 (방 만들기 / 찾기)
|
||||
// ------------------------------------------------------------------------
|
||||
Widget _buildInitView() {
|
||||
return Center(
|
||||
child: SingleChildScrollView(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
const Text("게임을 시작해볼까요?", style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold)),
|
||||
const SizedBox(height: 40),
|
||||
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: [
|
||||
_BigButton(
|
||||
title: "방 만들기\n(Host)",
|
||||
color: Colors.blue[100]!,
|
||||
icon: Icons.add_home_work,
|
||||
onTap: () {
|
||||
_net.startHosting("${_net.me.nickname}의 방");
|
||||
// 방장은 방 만들자마자 QR 팝업
|
||||
Future.delayed(const Duration(milliseconds: 500), () {
|
||||
if (mounted && _net.role == NetworkRole.host) _showHostQRDialog();
|
||||
});
|
||||
},
|
||||
),
|
||||
_BigButton(
|
||||
title: "방 찾기\n(Guest)",
|
||||
color: Colors.green[100]!,
|
||||
icon: Icons.search,
|
||||
onTap: () => _showRoomListDialog(),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 30),
|
||||
|
||||
ElevatedButton.icon(
|
||||
icon: const Icon(Icons.qr_code_scanner),
|
||||
label: const Text("QR 코드로 접속하기"),
|
||||
style: ElevatedButton.styleFrom(padding: const EdgeInsets.symmetric(horizontal: 30, vertical: 15)),
|
||||
onPressed: () => _openQRScanner(),
|
||||
),
|
||||
const SizedBox(height: 10),
|
||||
TextButton(
|
||||
onPressed: () => _showManualJoinDialog(),
|
||||
child: const Text("IP 주소 직접 입력 (비상용)", style: TextStyle(color: Colors.grey)),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildBody() {
|
||||
if (_net.role == NetworkRole.none) {
|
||||
return Center(
|
||||
child: SingleChildScrollView(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: [
|
||||
_BigButton(
|
||||
title: "방 만들기\n(Host)",
|
||||
color: Colors.blue[100]!,
|
||||
icon: Icons.add_home_work,
|
||||
onTap: () {
|
||||
_net.startHosting("${_net.me.nickname}의 방");
|
||||
Future.delayed(const Duration(milliseconds: 500), () {
|
||||
if (mounted && _net.role == NetworkRole.host) _showHostQRDialog();
|
||||
});
|
||||
},
|
||||
),
|
||||
_BigButton(
|
||||
title: "방 찾기\n(Guest)",
|
||||
color: Colors.green[100]!,
|
||||
icon: Icons.search,
|
||||
onTap: () => _showRoomListDialog(),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 30),
|
||||
ElevatedButton.icon(
|
||||
icon: const Icon(Icons.qr_code_scanner, size: 28),
|
||||
label: const Text("QR 코드로 접속하기"),
|
||||
style: ElevatedButton.styleFrom(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 30, vertical: 15),
|
||||
),
|
||||
onPressed: () => _openQRScanner(),
|
||||
),
|
||||
const SizedBox(height: 10),
|
||||
TextButton(
|
||||
onPressed: () => _showManualJoinDialog(),
|
||||
child: const Text("IP 주소 직접 입력 (비상용)", style: TextStyle(color: Colors.grey)),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// ------------------------------------------------------------------------
|
||||
// 2. 대기실 화면 (통합 UI)
|
||||
// ------------------------------------------------------------------------
|
||||
Widget _buildLobbyView() {
|
||||
return Column(
|
||||
children: [
|
||||
// A. 상단 정보 카드
|
||||
Container(
|
||||
padding: const EdgeInsets.all(20.0),
|
||||
color: Colors.grey[100],
|
||||
width: double.infinity,
|
||||
padding: const EdgeInsets.all(20),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.grey[100],
|
||||
border: const Border(bottom: BorderSide(color: Colors.black12)),
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
Row(
|
||||
@ -213,69 +204,90 @@ class _LobbyScreenState extends State<LobbyScreen> {
|
||||
],
|
||||
),
|
||||
|
||||
// 방장일 경우 접속 정보 표시
|
||||
if (_net.role == NetworkRole.host) ...[
|
||||
const SizedBox(height: 10),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
SelectableText(
|
||||
"IP: ${_net.hostIp} / Port: ${_net.hostPort}",
|
||||
style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
|
||||
),
|
||||
const SizedBox(width: 10),
|
||||
InkWell(
|
||||
onTap: () => _showHostQRDialog(),
|
||||
child: const Icon(Icons.qr_code, color: Colors.black87),
|
||||
)
|
||||
],
|
||||
const SizedBox(height: 15),
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
||||
decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(20), border: Border.all(color: Colors.blue.shade100)),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Text("IP: ${_net.hostIp} : ${_net.hostPort}", style: const TextStyle(fontWeight: FontWeight.bold)),
|
||||
const SizedBox(width: 10),
|
||||
InkWell(
|
||||
onTap: () => _showHostQRDialog(),
|
||||
child: const Icon(Icons.qr_code, color: Colors.black87),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 5),
|
||||
const Text("QR 버튼을 눌러 친구들을 초대하세요!", style: TextStyle(fontSize: 12, color: Colors.grey)),
|
||||
],
|
||||
const Text("QR 코드를 눌러 친구를 초대하세요!", style: TextStyle(fontSize: 12, color: Colors.grey)),
|
||||
] else ...[
|
||||
// 참가자일 경우 방장 정보 표시
|
||||
const SizedBox(height: 10),
|
||||
Text("방장 IP: ${_net.hostIp ?? '...'}", style: const TextStyle(color: Colors.grey)),
|
||||
]
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
const Divider(height: 1),
|
||||
|
||||
// B. 참가자 리스트 (나 + 게스트)
|
||||
Expanded(
|
||||
child: ListView(
|
||||
padding: const EdgeInsets.all(16),
|
||||
children: [
|
||||
const Text("참가자 목록", style: TextStyle(color: Colors.grey)),
|
||||
const Text("대기 중인 참가자", style: TextStyle(color: Colors.grey, fontWeight: FontWeight.bold)),
|
||||
const SizedBox(height: 10),
|
||||
_buildUserTile(_net.me),
|
||||
..._net.guestList.map((guest) => _buildUserTile(guest)),
|
||||
|
||||
// 1. 나 (항상 맨 위)
|
||||
_buildUserTile(_net.me, isMe: true),
|
||||
|
||||
// 2. 다른 참가자들
|
||||
..._net.guestList.map((guest) => _buildUserTile(guest, isMe: false)),
|
||||
|
||||
// 대기 문구
|
||||
if (_net.guestList.isEmpty && _net.role == NetworkRole.host)
|
||||
const Padding(
|
||||
padding: EdgeInsets.all(40.0),
|
||||
child: Center(child: Text("참가자를 기다리는 중...\nQR 코드를 보여주세요.", textAlign: TextAlign.center, style: TextStyle(color: Colors.grey))),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(top: 40.0),
|
||||
child: Center(
|
||||
child: Column(
|
||||
children: const [
|
||||
CircularProgressIndicator(),
|
||||
SizedBox(height: 20),
|
||||
Text("친구를 기다리는 중...", style: TextStyle(color: Colors.grey)),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
// C. 하단 레디 버튼
|
||||
_buildReadyButton(),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildUserTile(UserInfo user) {
|
||||
bool isMe = user.id == _net.me.id;
|
||||
Widget _buildUserTile(UserInfo user, {required bool isMe}) {
|
||||
return Card(
|
||||
elevation: 2,
|
||||
elevation: user.isReady ? 4 : 1,
|
||||
color: user.isReady ? Colors.green[50] : Colors.white,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
side: user.isReady ? const BorderSide(color: Colors.green, width: 2) : BorderSide.none,
|
||||
),
|
||||
margin: const EdgeInsets.symmetric(vertical: 6),
|
||||
child: ListTile(
|
||||
leading: CircleAvatar(
|
||||
backgroundColor: Color(user.colorValue),
|
||||
child: Text(user.nickname[0], style: const TextStyle(color: Colors.white, fontWeight: FontWeight.bold)),
|
||||
),
|
||||
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
||||
leading: AvatarWidget(user: user, size: 50), // Core의 AvatarWidget 사용
|
||||
title: Text(
|
||||
user.nickname + (isMe ? " (나)" : ""),
|
||||
style: const TextStyle(fontWeight: FontWeight.bold),
|
||||
style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
|
||||
),
|
||||
subtitle: Text(isMe ? "준비 버튼을 눌러주세요" : (user.isReady ? "준비 완료!" : "준비 중..."), style: TextStyle(color: Colors.grey[600], fontSize: 12)),
|
||||
trailing: user.isReady
|
||||
? const Icon(Icons.check_circle, color: Colors.green, size: 32)
|
||||
: const Icon(Icons.hourglass_empty, color: Colors.grey, size: 32),
|
||||
@ -285,9 +297,9 @@ class _LobbyScreenState extends State<LobbyScreen> {
|
||||
|
||||
Widget _buildReadyButton() {
|
||||
bool isReady = _net.me.isReady;
|
||||
bool canReady = _net.role == NetworkRole.host
|
||||
? _net.guestList.isNotEmpty
|
||||
: true;
|
||||
// 조건: 방장이라도 게스트가 없으면 레디 불가 (혼자 게임 불가)
|
||||
// 게스트는 들어오자마자 레디 가능
|
||||
bool canReady = _net.role == NetworkRole.host ? _net.guestList.isNotEmpty : true;
|
||||
|
||||
return Container(
|
||||
width: double.infinity,
|
||||
@ -300,27 +312,79 @@ class _LobbyScreenState extends State<LobbyScreen> {
|
||||
onPressed: canReady
|
||||
? () => _net.toggleReady()
|
||||
: () {
|
||||
ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text("참가자가 들어와야 게임을 시작할 수 있습니다.")));
|
||||
ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text("친구를 초대해야 시작할 수 있습니다!")));
|
||||
},
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: !canReady
|
||||
? Colors.grey
|
||||
? Colors.grey[300]
|
||||
: (isReady ? Colors.redAccent : Colors.blueAccent),
|
||||
padding: const EdgeInsets.symmetric(vertical: 18),
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)),
|
||||
elevation: canReady ? 5 : 0,
|
||||
),
|
||||
child: Text(
|
||||
isReady ? "준비 취소 (WAIT)" : "준비 완료 (READY)",
|
||||
style: const TextStyle(fontSize: 20, fontWeight: FontWeight.bold, color: Colors.white),
|
||||
style: TextStyle(
|
||||
fontSize: 22,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: !canReady ? Colors.grey : Colors.white
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// ------------------------------------------------------------------------
|
||||
// [Components] 디버그 콘솔
|
||||
// ------------------------------------------------------------------------
|
||||
Widget _buildDebugConsole() {
|
||||
return Column(
|
||||
children: [
|
||||
GestureDetector(
|
||||
onTap: () => _scrollController.jumpTo(_scrollController.position.maxScrollExtent),
|
||||
child: Container(
|
||||
width: double.infinity,
|
||||
padding: const EdgeInsets.symmetric(vertical: 5, horizontal: 10),
|
||||
color: Colors.black87,
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: const [
|
||||
Text("DEBUG LOGS", style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 10)),
|
||||
Icon(Icons.keyboard_arrow_down, color: Colors.white, size: 14)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
height: 100,
|
||||
child: Container(
|
||||
color: Colors.black,
|
||||
child: ListView.builder(
|
||||
controller: _scrollController,
|
||||
itemCount: _logs.length,
|
||||
itemBuilder: (context, index) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8.0, vertical: 1.0),
|
||||
child: Text(
|
||||
_logs[index],
|
||||
style: const TextStyle(color: Colors.greenAccent, fontSize: 10, fontFamily: 'Courier'),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
// ------------------------------------------------------------------------
|
||||
// [Dialogs] QR, 검색, 수동입력
|
||||
// ------------------------------------------------------------------------
|
||||
void _showHostQRDialog() {
|
||||
if (_net.hostIp == null || _net.hostPort == null) return;
|
||||
final qrData = jsonEncode({'ip': _net.hostIp, 'port': _net.hostPort});
|
||||
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (context) => Dialog(
|
||||
@ -330,7 +394,7 @@ class _LobbyScreenState extends State<LobbyScreen> {
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
const Text("초대 QR 코드", style: TextStyle(fontSize: 22, fontWeight: FontWeight.bold)),
|
||||
const Text("친구 초대", style: TextStyle(fontSize: 22, fontWeight: FontWeight.bold)),
|
||||
const SizedBox(height: 20),
|
||||
Container(
|
||||
padding: const EdgeInsets.all(10),
|
||||
@ -338,7 +402,7 @@ class _LobbyScreenState extends State<LobbyScreen> {
|
||||
child: QrImageView(data: qrData, version: QrVersions.auto, size: 220.0),
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
Text("IP: ${_net.hostIp} / Port: ${_net.hostPort}", style: const TextStyle(color: Colors.grey)),
|
||||
SelectableText("IP: ${_net.hostIp}\nPort: ${_net.hostPort}", textAlign: TextAlign.center, style: const TextStyle(color: Colors.grey)),
|
||||
const SizedBox(height: 20),
|
||||
ElevatedButton(onPressed: () => Navigator.pop(context), child: const Text("닫기"))
|
||||
],
|
||||
@ -352,20 +416,18 @@ class _LobbyScreenState extends State<LobbyScreen> {
|
||||
bool isScanCompleted = false;
|
||||
Navigator.of(context).push(MaterialPageRoute(
|
||||
builder: (context) => Scaffold(
|
||||
appBar: AppBar(title: const Text("QR 코드 스캔")),
|
||||
appBar: AppBar(title: const Text("QR 스캔")),
|
||||
body: MobileScanner(
|
||||
onDetect: (capture) {
|
||||
if (isScanCompleted) return;
|
||||
final List<Barcode> barcodes = capture.barcodes;
|
||||
for (final barcode in barcodes) {
|
||||
final String? code = barcode.rawValue;
|
||||
if (code != null) {
|
||||
for (final barcode in capture.barcodes) {
|
||||
if (barcode.rawValue != null) {
|
||||
try {
|
||||
final data = jsonDecode(code);
|
||||
final data = jsonDecode(barcode.rawValue!);
|
||||
if (data['ip'] != null && data['port'] != null) {
|
||||
isScanCompleted = true;
|
||||
Navigator.pop(context);
|
||||
ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text("QR 인식 성공! 접속 중...")));
|
||||
ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text("접속 중...")));
|
||||
_net.joinRoom(data['ip'], data['port']);
|
||||
return;
|
||||
}
|
||||
@ -382,7 +444,7 @@ class _LobbyScreenState extends State<LobbyScreen> {
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (context) => AlertDialog(
|
||||
title: const Text("방 찾는 중..."),
|
||||
title: const Text("방 찾기"),
|
||||
content: SizedBox(
|
||||
width: double.maxFinite,
|
||||
height: 300,
|
||||
@ -390,19 +452,17 @@ class _LobbyScreenState extends State<LobbyScreen> {
|
||||
stream: _net.discoverRooms(),
|
||||
builder: (context, snapshot) {
|
||||
if (!snapshot.hasData || snapshot.data!.isEmpty) {
|
||||
return const Center(child: Text("검색 중... (로그를 확인하세요)"));
|
||||
return const Center(child: Text("검색 중...\n같은 와이파이인지 확인하세요."));
|
||||
}
|
||||
final services = snapshot.data!;
|
||||
return ListView.builder(
|
||||
itemCount: services.length,
|
||||
itemCount: snapshot.data!.length,
|
||||
itemBuilder: (context, index) {
|
||||
final service = services[index];
|
||||
final displayName = service.name.split('#').first;
|
||||
final service = snapshot.data![index];
|
||||
final ip = service.attributes?['ip'] ?? '알 수 없음';
|
||||
return ListTile(
|
||||
leading: const Icon(Icons.meeting_room),
|
||||
title: Text(displayName),
|
||||
subtitle: Text("IP: $ip"),
|
||||
title: Text(service.name.split('#').first),
|
||||
subtitle: Text(ip),
|
||||
onTap: () {
|
||||
Navigator.pop(context);
|
||||
if (service.attributes != null && service.attributes!['ip'] != null) {
|
||||
@ -421,26 +481,25 @@ class _LobbyScreenState extends State<LobbyScreen> {
|
||||
}
|
||||
|
||||
void _showManualJoinDialog() {
|
||||
final ipController = TextEditingController(text: "192.168.");
|
||||
final portController = TextEditingController();
|
||||
final ipCtrl = TextEditingController(text: "192.168.");
|
||||
final portCtrl = TextEditingController();
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (context) => AlertDialog(
|
||||
title: const Text("수동 접속"),
|
||||
title: const Text("직접 입력"),
|
||||
content: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
const Text("방장 화면의 IP/Port를 입력하세요."),
|
||||
TextField(controller: ipController, decoration: const InputDecoration(labelText: "IP")),
|
||||
TextField(controller: portController, decoration: const InputDecoration(labelText: "Port")),
|
||||
TextField(controller: ipCtrl, decoration: const InputDecoration(labelText: "IP Address")),
|
||||
TextField(controller: portCtrl, decoration: const InputDecoration(labelText: "Port")),
|
||||
],
|
||||
),
|
||||
actions: [
|
||||
TextButton(onPressed: () => Navigator.pop(context), child: const Text("취소")),
|
||||
ElevatedButton(
|
||||
onPressed: () {
|
||||
final ip = ipController.text.trim();
|
||||
final port = int.tryParse(portController.text.trim());
|
||||
final ip = ipCtrl.text.trim();
|
||||
final port = int.tryParse(portCtrl.text.trim());
|
||||
if (ip.isNotEmpty && port != null) {
|
||||
Navigator.pop(context);
|
||||
_net.joinRoom(ip, port);
|
||||
@ -455,29 +514,16 @@ class _LobbyScreenState extends State<LobbyScreen> {
|
||||
}
|
||||
|
||||
class _BigButton extends StatelessWidget {
|
||||
final String title;
|
||||
final Color color;
|
||||
final IconData icon;
|
||||
final VoidCallback onTap;
|
||||
final String title; final Color color; final IconData icon; final VoidCallback onTap;
|
||||
const _BigButton({required this.title, required this.color, required this.icon, required this.onTap});
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return GestureDetector(
|
||||
onTap: onTap,
|
||||
child: Container(
|
||||
width: 140, height: 140,
|
||||
decoration: BoxDecoration(
|
||||
color: color, borderRadius: BorderRadius.circular(20),
|
||||
boxShadow: [BoxShadow(color: Colors.black12, blurRadius: 10, offset: const Offset(0, 5))],
|
||||
),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(icon, size: 40, color: Colors.black54),
|
||||
const SizedBox(height: 10),
|
||||
Text(title, textAlign: TextAlign.center, style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
|
||||
],
|
||||
),
|
||||
width: 130, height: 130,
|
||||
decoration: BoxDecoration(color: color, borderRadius: BorderRadius.circular(20), boxShadow: [BoxShadow(color: Colors.black12, blurRadius: 10, offset: const Offset(0, 5))]),
|
||||
child: Column(mainAxisAlignment: MainAxisAlignment.center, children: [Icon(icon, size: 40, color: Colors.black54), const SizedBox(height: 10), Text(title, textAlign: TextAlign.center, style: const TextStyle(fontSize: 16, fontWeight: FontWeight.bold))]),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
108
packages/games/quiz/lib/model/quiz_model.dart
Normal file
108
packages/games/quiz/lib/model/quiz_model.dart
Normal file
@ -0,0 +1,108 @@
|
||||
enum QuizType { text, image } // 문제 유형
|
||||
|
||||
class QuizItem {
|
||||
final QuizType type;
|
||||
final String question; // 질문 텍스트
|
||||
final String answer; // 정답
|
||||
final List<String> options; // 보기 (객관식용, 없으면 주관식/OX)
|
||||
|
||||
QuizItem({
|
||||
required this.type,
|
||||
required this.question,
|
||||
required this.answer,
|
||||
required this.options,
|
||||
});
|
||||
|
||||
Map<String, dynamic> toJson() => {
|
||||
'type': type.name,
|
||||
'question': question,
|
||||
'answer': answer,
|
||||
'options': options,
|
||||
};
|
||||
|
||||
factory QuizItem.fromJson(Map<String, dynamic> json) {
|
||||
return QuizItem(
|
||||
type: json['type'] == 'image' ? QuizType.image : QuizType.text,
|
||||
question: json['question'],
|
||||
answer: json['answer'],
|
||||
options: List<String>.from(json['options'] ?? []),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class QuizSet {
|
||||
static List<QuizItem> getDummy10() {
|
||||
return [
|
||||
// 1. [OX] 기본
|
||||
QuizItem(
|
||||
type: QuizType.text,
|
||||
question: "사과는 영어로 Apple이다.",
|
||||
answer: "O",
|
||||
options: ["O", "X"],
|
||||
),
|
||||
// 2. [OX] 상식
|
||||
QuizItem(
|
||||
type: QuizType.text,
|
||||
question: "북극곰의 피부색은 흰색이다.",
|
||||
answer: "X", // 검은색임
|
||||
options: ["O", "X"],
|
||||
),
|
||||
// 3. [OX] 생물
|
||||
QuizItem(
|
||||
type: QuizType.text,
|
||||
question: "돌고래는 '어류(물고기)'다.",
|
||||
answer: "X", // 포유류
|
||||
options: ["O", "X"],
|
||||
),
|
||||
// 4. [4지선다] 역사
|
||||
QuizItem(
|
||||
type: QuizType.text,
|
||||
question: "임진왜란이 일어난 해는?",
|
||||
answer: "1592년",
|
||||
options: ["1392년", "1492년", "1592년", "1950년"],
|
||||
),
|
||||
// 5. [4지선다] 넌센스
|
||||
QuizItem(
|
||||
type: QuizType.text,
|
||||
question: "왕이 넘어지면?",
|
||||
answer: "킹콩",
|
||||
options: ["왕콩", "킹콩", "전하", "꽈당"],
|
||||
),
|
||||
// 6. [주관식/음성] 속담 (보기를 줘서 터치도 가능하게 함)
|
||||
QuizItem(
|
||||
type: QuizType.text,
|
||||
question: "가는 말이 고와야 [ ? ]가 곱다.",
|
||||
answer: "오는 말",
|
||||
options: ["오는 말", "가는 발", "너의 말", "우리 말"],
|
||||
),
|
||||
// 7. [수학] 연산
|
||||
QuizItem(
|
||||
type: QuizType.text,
|
||||
question: "5 + 5 × 5 = ?",
|
||||
answer: "30",
|
||||
options: ["25", "30", "50", "10"],
|
||||
),
|
||||
// 8. [상식] 수도 맞추기
|
||||
QuizItem(
|
||||
type: QuizType.text,
|
||||
question: "미국의 수도는 어디일까요?",
|
||||
answer: "워싱턴 D.C.",
|
||||
options: ["뉴욕", "LA", "워싱턴 D.C.", "시카고"],
|
||||
),
|
||||
// 9. [넌센스]
|
||||
QuizItem(
|
||||
type: QuizType.text,
|
||||
question: "세상에서 가장 뜨거운 바다는?",
|
||||
answer: "열바다",
|
||||
options: ["불바다", "열바다", "사랑해", "동해"],
|
||||
),
|
||||
// 10. [OX] 마지막
|
||||
QuizItem(
|
||||
type: QuizType.text,
|
||||
question: "개발자님은 이 앱을 완성할 수 있다!",
|
||||
answer: "O",
|
||||
options: ["O", "X"],
|
||||
),
|
||||
];
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user