유튜브 영상 종료시 전체 화면 롤백 추가
This commit is contained in:
589
android/new.dart
589
android/new.dart
@@ -1,589 +0,0 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:http/http.dart' as http;
|
||||
import 'dart:convert';
|
||||
import 'dart:async'; // Timer를 사용하기 위해 추가
|
||||
import 'package:intl/intl.dart';
|
||||
|
||||
// import 'package:flutter_native_timezone/flutter_native_timezone.dart'; // 주석 처리된 상태 유지
|
||||
// import '../plan_page.dart'; // HomePage는 이제 PlanPage를 직접 포함하지 않음
|
||||
|
||||
// CaseStudyPlan 클래스 (변경 없음)
|
||||
class CaseStudyPlan {
|
||||
final String planId;
|
||||
final String planTitle;
|
||||
final String planTeacher;
|
||||
final String thumbnail;
|
||||
|
||||
CaseStudyPlan({
|
||||
required this.planId,
|
||||
required this.planTitle,
|
||||
required this.planTeacher,
|
||||
required this.thumbnail,
|
||||
});
|
||||
|
||||
factory CaseStudyPlan.fromJson(Map<String, dynamic> json) {
|
||||
return CaseStudyPlan(
|
||||
planId: json['planId'] ?? '아이디 없음',
|
||||
planTitle: json['planTitle'] ?? '제목 없음',
|
||||
planTeacher: json['planTeacher'] ?? '선생님 정보 없음',
|
||||
thumbnail: json['thumbnail'] ?? '',
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// 새로운 추천 플랜 모델 (변경 없음)
|
||||
class RecommendPlan {
|
||||
final String planId;
|
||||
final String planName;
|
||||
final String thumbnail;
|
||||
|
||||
RecommendPlan({
|
||||
required this.planId,
|
||||
required this.planName,
|
||||
required this.thumbnail,
|
||||
});
|
||||
|
||||
factory RecommendPlan.fromJson(Map<String, dynamic> json) {
|
||||
return RecommendPlan(
|
||||
planId: json['plan id'] ?? 'ID 없음',
|
||||
planName: json['plane name'] ?? '이름 없음',
|
||||
thumbnail: json['thumbnail'] ?? '',
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// *** 추가: 콜백 함수의 타입을 정의 ***
|
||||
typedef OnNavigateToPage = void Function(int pageIndex);
|
||||
|
||||
class HomePage extends StatefulWidget {
|
||||
// *** 추가: 콜백 함수를 받을 프로퍼티 ***
|
||||
final OnNavigateToPage onNavigateToPlanTab;
|
||||
|
||||
const HomePage({
|
||||
super.key,
|
||||
required this.onNavigateToPlanTab, // *** 생성자에서 콜백 함수를 받도록 수정 ***
|
||||
});
|
||||
|
||||
@override
|
||||
State<HomePage> createState() => _HomePageState();
|
||||
}
|
||||
|
||||
class _HomePageState extends State<HomePage> {
|
||||
late Future<List<CaseStudyPlan>> _caseStudyPlans;
|
||||
DateTime _currentTime = DateTime.now();
|
||||
String _currentTimeZone = 'Loading timezone...';
|
||||
late Stream<DateTime> _clockStream;
|
||||
|
||||
// int _selectedIndex = 0; // *** HomePage 자체에서 선택된 인덱스를 관리할 필요가 없어짐 ***
|
||||
|
||||
// --- 추천 클래스 관련 상태 변수 ---
|
||||
List<RecommendPlan> _recommendPlans = [];
|
||||
int _currentRecommendIndex = 0;
|
||||
Timer? _recommendTimer;
|
||||
bool _isLoadingRecommends = true;
|
||||
bool _hasRecommendError = false;
|
||||
String _recommendErrorText = '';
|
||||
|
||||
// --- 추천 클래스 관련 상태 변수 끝 ---
|
||||
|
||||
// *** _buildPageContents() 메소드는 HomePage에서 더 이상 사용되지 않음 ***
|
||||
// List<Widget> _buildPageContents() {
|
||||
// return [
|
||||
// _buildHomeContent(context), // context 전달 필요
|
||||
// // const PlanPage(), // HomePage가 PlanPage를 직접 포함하지 않음
|
||||
// ];
|
||||
// }
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_caseStudyPlans = _fetchCaseStudyPlans();
|
||||
_fetchTimezone();
|
||||
_clockStream = Stream.periodic(const Duration(seconds: 1), (_) {
|
||||
return DateTime.now();
|
||||
});
|
||||
_currentTime = DateTime.now();
|
||||
_fetchRecommendPlans(); // 추천 클래스 데이터 로드
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_recommendTimer?.cancel();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
Future<List<CaseStudyPlan>> _fetchCaseStudyPlans() async {
|
||||
final response = await http
|
||||
.get(Uri.parse('https://helloworld2-ad2uqhckxq-uc.a.run.app'));
|
||||
if (response.statusCode == 200) {
|
||||
final Map<String, dynamic> decodedJson = json.decode(response.body);
|
||||
if (decodedJson.containsKey('data') && decodedJson['data'] is List) {
|
||||
final List<dynamic> plansJson = decodedJson['data'];
|
||||
return plansJson
|
||||
.map((jsonItem) =>
|
||||
CaseStudyPlan.fromJson(jsonItem as Map<String, dynamic>))
|
||||
.toList();
|
||||
} else {
|
||||
throw Exception(
|
||||
'Invalid data format: "data" field is missing or not a list.');
|
||||
}
|
||||
} else {
|
||||
throw Exception(
|
||||
'Failed to load case study plans. Status Code: ${response
|
||||
.statusCode}');
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _fetchTimezone() async {
|
||||
try {
|
||||
final String timeZone = DateTime
|
||||
.now()
|
||||
.timeZoneName;
|
||||
if (mounted) {
|
||||
setState(() {
|
||||
_currentTimeZone = timeZone;
|
||||
});
|
||||
}
|
||||
} catch (e) {
|
||||
if (mounted) {
|
||||
setState(() {
|
||||
_currentTimeZone = 'Failed to get timezone.';
|
||||
});
|
||||
}
|
||||
print('Could not get timezone: $e');
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _fetchRecommendPlans() async {
|
||||
if (!mounted) return;
|
||||
setState(() {
|
||||
_isLoadingRecommends = true;
|
||||
_hasRecommendError = false;
|
||||
_recommendErrorText = '';
|
||||
});
|
||||
try {
|
||||
final response = await http
|
||||
.get(Uri.parse('https://helloworld3-ad2uqhckxq-uc.a.run.app'));
|
||||
if (!mounted) return;
|
||||
|
||||
if (response.statusCode == 200) {
|
||||
final Map<String, dynamic> decodedJson = json.decode(response.body);
|
||||
if (decodedJson.containsKey('data') && decodedJson['data'] is List) {
|
||||
final List<dynamic> plansJson = decodedJson['data'];
|
||||
setState(() {
|
||||
_recommendPlans = plansJson
|
||||
.map((jsonItem) =>
|
||||
RecommendPlan.fromJson(jsonItem as Map<String, dynamic>))
|
||||
.toList();
|
||||
_isLoadingRecommends = false;
|
||||
if (_recommendPlans.isNotEmpty) {
|
||||
_currentRecommendIndex = 0;
|
||||
_startRecommendTimer();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
throw Exception(
|
||||
'Invalid data format for recommend plans: "data" field is missing or not a list.');
|
||||
}
|
||||
} else {
|
||||
throw Exception(
|
||||
'Failed to load recommend plans. Status Code: ${response
|
||||
.statusCode}');
|
||||
}
|
||||
} catch (e) {
|
||||
print('Error fetching recommend plans: $e');
|
||||
if (mounted) {
|
||||
setState(() {
|
||||
_isLoadingRecommends = false;
|
||||
_hasRecommendError = true;
|
||||
_recommendErrorText = e.toString();
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
void _startRecommendTimer() {
|
||||
_recommendTimer?.cancel();
|
||||
if (_recommendPlans.isEmpty || !mounted) return;
|
||||
|
||||
_recommendTimer = Timer.periodic(const Duration(seconds: 10), (timer) {
|
||||
if (!mounted || _recommendPlans.isEmpty) {
|
||||
timer.cancel();
|
||||
return;
|
||||
}
|
||||
setState(() {
|
||||
_currentRecommendIndex =
|
||||
(_currentRecommendIndex + 1) % _recommendPlans.length;
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
Widget _buildLocalTimeBar() {
|
||||
return StreamBuilder<DateTime>(
|
||||
stream: _clockStream,
|
||||
initialData: _currentTime,
|
||||
builder: (context, snapshot) {
|
||||
final DateTime displayTime = snapshot.data ?? DateTime.now();
|
||||
final String formattedDate = DateFormat.yMMMMd().format(displayTime);
|
||||
final String formattedTime = DateFormat.jms().format(displayTime);
|
||||
return Container(
|
||||
width: double.infinity,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 12.0),
|
||||
color: Theme
|
||||
.of(context)
|
||||
.primaryColor
|
||||
.withOpacity(0.1),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
const Text('Your Local Time', style: TextStyle(
|
||||
fontWeight: FontWeight.bold, fontSize: 16.0)),
|
||||
const SizedBox(height: 6.0),
|
||||
Text('$formattedDate, $formattedTime', style: const TextStyle(
|
||||
fontSize: 18.0, fontWeight: FontWeight.w500)),
|
||||
const SizedBox(height: 4.0),
|
||||
Text('Timezone: $_currentTimeZone',
|
||||
style: TextStyle(fontSize: 13.0, color: Colors.grey[700])),
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildRecommendSection() {
|
||||
if (_isLoadingRecommends) {
|
||||
return const Padding(
|
||||
padding: EdgeInsets.symmetric(vertical: 20.0),
|
||||
child: Center(child: CircularProgressIndicator()),
|
||||
);
|
||||
}
|
||||
|
||||
if (_hasRecommendError) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 20.0, horizontal: 16.0),
|
||||
child: Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
const Icon(Icons.error_outline, color: Colors.red, size: 40),
|
||||
const SizedBox(height: 8),
|
||||
Text(
|
||||
'Failed to load recommendations.\n$_recommendErrorText',
|
||||
textAlign: TextAlign.center,
|
||||
style: const TextStyle(color: Colors.redAccent),
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
ElevatedButton.icon(
|
||||
icon: const Icon(Icons.refresh),
|
||||
label: const Text('Retry'),
|
||||
onPressed: _fetchRecommendPlans,
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
if (_recommendPlans.isEmpty) {
|
||||
return const Padding(
|
||||
padding: EdgeInsets.symmetric(vertical: 20.0),
|
||||
child: Center(
|
||||
child: Text('No recommendations available at the moment.')),
|
||||
);
|
||||
}
|
||||
|
||||
final currentPlan = _recommendPlans[_currentRecommendIndex];
|
||||
|
||||
return Container(
|
||||
margin: const EdgeInsets.fromLTRB(16.0, 12.0, 16.0, 16.0),
|
||||
padding: const EdgeInsets.all(12.0),
|
||||
decoration: BoxDecoration(
|
||||
color: Theme
|
||||
.of(context)
|
||||
.cardColor,
|
||||
borderRadius: BorderRadius.circular(12.0),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: Colors.grey.withOpacity(0.2),
|
||||
spreadRadius: 1,
|
||||
blurRadius: 4,
|
||||
offset: const Offset(0, 2),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
'✨ Recommend Classes',
|
||||
style: Theme
|
||||
.of(context)
|
||||
.textTheme
|
||||
.titleLarge
|
||||
?.copyWith(fontWeight: FontWeight.bold),
|
||||
),
|
||||
const SizedBox(height: 12.0),
|
||||
AspectRatio(
|
||||
aspectRatio: 16 / 9,
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(8.0),
|
||||
child: currentPlan.thumbnail.isNotEmpty
|
||||
? Image.network(
|
||||
currentPlan.thumbnail,
|
||||
fit: BoxFit.cover,
|
||||
loadingBuilder: (BuildContext context, Widget child,
|
||||
ImageChunkEvent? loadingProgress) {
|
||||
if (loadingProgress == null) return child;
|
||||
return Container(
|
||||
color: Colors.grey[200],
|
||||
child: Center(
|
||||
child: CircularProgressIndicator(
|
||||
value: loadingProgress.expectedTotalBytes != null
|
||||
? loadingProgress.cumulativeBytesLoaded /
|
||||
loadingProgress.expectedTotalBytes!
|
||||
: null,
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
errorBuilder: (BuildContext context, Object exception,
|
||||
StackTrace? stackTrace) {
|
||||
return Container(
|
||||
color: Colors.grey[200],
|
||||
child: const Center(child: Icon(
|
||||
Icons.broken_image, color: Colors.grey, size: 50)),
|
||||
);
|
||||
},
|
||||
)
|
||||
: Container(
|
||||
color: Colors.grey[200],
|
||||
child: const Center(child: Text('No Image Available',
|
||||
style: TextStyle(color: Colors.grey))),
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 10.0),
|
||||
Text(
|
||||
currentPlan.planName,
|
||||
style: Theme
|
||||
.of(context)
|
||||
.textTheme
|
||||
.titleMedium
|
||||
?.copyWith(fontWeight: FontWeight.w500),
|
||||
maxLines: 2,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildHomeContent(BuildContext context) {
|
||||
// *** BuildContext를 받도록 수정 ***
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
_buildLocalTimeBar(),
|
||||
Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 12.0),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: <Widget>[
|
||||
Expanded(
|
||||
child: ElevatedButton.icon(
|
||||
icon: const Icon(Icons.add_circle_outline, size: 20),
|
||||
label: const Text(
|
||||
'Book Class', style: TextStyle(fontSize: 14)),
|
||||
onPressed: () {
|
||||
ScaffoldMessenger
|
||||
.of(context)
|
||||
.showSnackBar( // *** context 사용 ***
|
||||
const SnackBar(content: Text('Book Class 버튼 기능 구현 예정')),
|
||||
);
|
||||
},
|
||||
style: ElevatedButton.styleFrom(
|
||||
padding: const EdgeInsets.symmetric(vertical: 12.0),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(8.0),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 12.0),
|
||||
Expanded(
|
||||
child: ElevatedButton.icon(
|
||||
icon: const Icon(Icons.schedule, size: 20),
|
||||
label: const Text('Schedule', style: TextStyle(fontSize: 14)),
|
||||
onPressed: () {
|
||||
ScaffoldMessenger
|
||||
.of(context)
|
||||
.showSnackBar( // *** context 사용 ***
|
||||
const SnackBar(content: Text('Schedule 버튼 기능 구현 예정')),
|
||||
);
|
||||
},
|
||||
style: ElevatedButton.styleFrom(
|
||||
padding: const EdgeInsets.symmetric(vertical: 12.0),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(8.0),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const Padding(
|
||||
padding: EdgeInsets.fromLTRB(16.0, 16.0, 16.0, 8.0),
|
||||
child: Text('Upcoming Classes',
|
||||
style: TextStyle(fontSize: 20.0, fontWeight: FontWeight.bold)),
|
||||
),
|
||||
Expanded(
|
||||
child: FutureBuilder<List<CaseStudyPlan>>(
|
||||
future: _caseStudyPlans,
|
||||
builder: (context, snapshot) {
|
||||
if (snapshot.connectionState == ConnectionState.waiting) {
|
||||
return const Center(child: CircularProgressIndicator());
|
||||
} else if (snapshot.hasError) {
|
||||
return Center(child: Padding(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: Text(
|
||||
'Error loading upcoming classes: ${snapshot.error}',
|
||||
textAlign: TextAlign.center),
|
||||
));
|
||||
} else if (!snapshot.hasData || snapshot.data!.isEmpty) {
|
||||
return const Center(
|
||||
child: Text('No upcoming classes available.'));
|
||||
} else {
|
||||
final plans = snapshot.data!;
|
||||
return ListView.builder(
|
||||
padding: const EdgeInsets.only(top: 8.0),
|
||||
itemCount: plans.length,
|
||||
itemBuilder: (context, index) {
|
||||
final plan = plans[index];
|
||||
return InkWell(
|
||||
onTap: () {
|
||||
// *** 부모 위젯(MyHomePage)에게 Plan 탭으로 이동하라고 알림 ***
|
||||
// *** PlanPage가 _widgetOptions 리스트에서 두 번째(인덱스 1)라고 가정 ***
|
||||
widget.onNavigateToPlanTab(1); // *** 전달받은 콜백 호출 ***
|
||||
},
|
||||
child: Card(
|
||||
margin: const EdgeInsets.symmetric(
|
||||
vertical: 6.0, horizontal: 16.0),
|
||||
elevation: 2.0,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(10.0)),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(12.0),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment
|
||||
.spaceBetween,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
Expanded(
|
||||
child: Text(
|
||||
plan.planTitle,
|
||||
style: Theme
|
||||
.of(context)
|
||||
.textTheme
|
||||
.titleMedium
|
||||
?.copyWith(
|
||||
fontWeight: FontWeight.bold),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
maxLines: 2,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 8.0),
|
||||
Text(
|
||||
plan.planTeacher,
|
||||
style: Theme
|
||||
.of(context)
|
||||
.textTheme
|
||||
.bodySmall
|
||||
?.copyWith(color: Colors.grey[600]),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 8.0),
|
||||
if (plan.thumbnail.isNotEmpty)
|
||||
ClipRRect(
|
||||
borderRadius: BorderRadius.circular(8.0),
|
||||
child: Image.network(
|
||||
plan.thumbnail,
|
||||
height: 150,
|
||||
width: double.infinity,
|
||||
fit: BoxFit.cover,
|
||||
loadingBuilder: (BuildContext context,
|
||||
Widget child,
|
||||
ImageChunkEvent? loadingProgress) {
|
||||
if (loadingProgress == null) return child;
|
||||
return Container(
|
||||
height: 150,
|
||||
color: Colors.grey[200],
|
||||
child: Center(
|
||||
child: CircularProgressIndicator(
|
||||
value: loadingProgress
|
||||
.expectedTotalBytes != null
|
||||
? loadingProgress
|
||||
.cumulativeBytesLoaded /
|
||||
loadingProgress
|
||||
.expectedTotalBytes!
|
||||
: null,
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
errorBuilder: (BuildContext context,
|
||||
Object exception,
|
||||
StackTrace? stackTrace) {
|
||||
return Container(height: 150,
|
||||
color: Colors.grey[200],
|
||||
child: const Center(child: Icon(
|
||||
Icons.broken_image,
|
||||
color: Colors.grey, size: 50)));
|
||||
},
|
||||
),
|
||||
)
|
||||
else
|
||||
Container(height: 150,
|
||||
color: Colors.grey[200],
|
||||
child: const Center(child: Text('No Image',
|
||||
style: TextStyle(color: Colors.grey)))),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
},
|
||||
),
|
||||
),
|
||||
_buildRecommendSection(),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
// *** _onItemTapped 메소드는 HomePage에서 더 이상 사용되지 않음 (상위 위젯에서 관리) ***
|
||||
// void _onItemTapped(int index) {
|
||||
// setState(() {
|
||||
// _selectedIndex = index;
|
||||
// if (index == 0 && _recommendPlans.isNotEmpty && (_recommendTimer == null || !_recommendTimer!.isActive)) {
|
||||
// _startRecommendTimer();
|
||||
// } else if (index != 0) {
|
||||
// _recommendTimer?.cancel();
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
// *** HomePage는 이제 Scaffold나 BottomNavigationBar를 직접 빌드하지 않음 ***
|
||||
// *** _buildHomeContent가 context를 사용하므로 전달 ***
|
||||
return _buildHomeContent(context);
|
||||
}
|
||||
}
|
||||
@@ -1,6 +1,7 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:http/http.dart' as http;
|
||||
import 'dart:convert';
|
||||
import 'plan_page_detail.dart'; // <<< plan_page_detail.dart 파일을 import 합니다.
|
||||
|
||||
// HomePage에서 사용하던 CaseStudyPlan 모델을 PlanPage에서도 사용하거나,
|
||||
// PlanPage에 필요한 별도의 데이터 모델을 정의할 수 있습니다.
|
||||
@@ -90,78 +91,104 @@ class _PlanPageState extends State<PlanPage> {
|
||||
itemCount: plans.length,
|
||||
itemBuilder: (context, index) {
|
||||
final plan = plans[index];
|
||||
return Card(
|
||||
margin:
|
||||
const EdgeInsets.symmetric(vertical: 8.0, horizontal: 16.0),
|
||||
elevation: 2.0,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(12.0),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: <Widget>[
|
||||
Expanded(
|
||||
child: Text(
|
||||
plan.planTitle,
|
||||
style: const TextStyle(
|
||||
fontSize: 17.0, fontWeight: FontWeight.bold),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 8.0),
|
||||
Text(
|
||||
plan.planTeacher,
|
||||
style: const TextStyle(
|
||||
fontSize: 13.0, color: Colors.grey),
|
||||
),
|
||||
],
|
||||
return InkWell( // <<< Card를 InkWell로 감싸서 탭 이벤트를 추가합니다.
|
||||
onTap: () {
|
||||
// plan_page_detail로 이동하면서 planId를 arguments로 전달
|
||||
if (plan.planId == 'ID 없음' || plan.planId.isEmpty) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('유효한 Plan ID가 없어 상세 페이지로 이동할 수 없습니다.')),
|
||||
);
|
||||
return;
|
||||
}
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (context) => const plan_page_detail(), // plan_page_detail 위젯을 생성
|
||||
settings: RouteSettings(
|
||||
arguments: plan.planId, // 선택된 plan의 ID를 전달
|
||||
),
|
||||
const SizedBox(height: 8.0),
|
||||
if (plan.thumbnail.isNotEmpty)
|
||||
ClipRRect(
|
||||
borderRadius: BorderRadius.circular(8.0),
|
||||
child: Image.network(
|
||||
plan.thumbnail,
|
||||
height: 140, // 약간 작은 이미지 크기
|
||||
width: double.infinity,
|
||||
fit: BoxFit.cover,
|
||||
loadingBuilder: (BuildContext context, Widget child,
|
||||
ImageChunkEvent? loadingProgress) {
|
||||
if (loadingProgress == null) return child;
|
||||
return Center(
|
||||
child: CircularProgressIndicator(
|
||||
value: loadingProgress.expectedTotalBytes !=
|
||||
null
|
||||
? loadingProgress.cumulativeBytesLoaded /
|
||||
loadingProgress.expectedTotalBytes!
|
||||
: null,
|
||||
),
|
||||
);
|
||||
},
|
||||
errorBuilder: (BuildContext context, Object exception,
|
||||
StackTrace? stackTrace) {
|
||||
return Container(
|
||||
height: 140,
|
||||
color: Colors.grey[200],
|
||||
child: const Center(
|
||||
child: Icon(Icons.broken_image,
|
||||
color: Colors.grey, size: 40)));
|
||||
},
|
||||
),
|
||||
)
|
||||
else
|
||||
Container(
|
||||
height: 140,
|
||||
color: Colors.grey[200],
|
||||
child: const Center(
|
||||
child: Text('No Image',
|
||||
style: TextStyle(color: Colors.grey)))),
|
||||
const SizedBox(height: 8.0),
|
||||
// PlanPage용 ListView 아이템에 추가적인 정보를 표시하거나 다른 UI를 구성할 수 있습니다.
|
||||
Text('Plan ID: ${plan.planId}', style: TextStyle(fontSize: 12.0, color: Colors.blueGrey)),
|
||||
],
|
||||
),
|
||||
);
|
||||
// 만약 Named Route를 사용하고 main.dart에 '/plan_detail' 라우트가 정의되어 있다면:
|
||||
// Navigator.pushNamed(
|
||||
// context,
|
||||
// '/plan_detail', // MaterialApp에 정의된 라우트 이름
|
||||
// arguments: plan.planId,
|
||||
// );
|
||||
},
|
||||
child: Card( // <<< 기존 Card 위젯
|
||||
margin:
|
||||
const EdgeInsets.symmetric(vertical: 8.0, horizontal: 16.0),
|
||||
elevation: 2.0,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(12.0),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: <Widget>[
|
||||
Expanded(
|
||||
child: Text(
|
||||
plan.planTitle,
|
||||
style: const TextStyle(
|
||||
fontSize: 17.0, fontWeight: FontWeight.bold),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 8.0),
|
||||
Text(
|
||||
plan.planTeacher,
|
||||
style: const TextStyle(
|
||||
fontSize: 13.0, color: Colors.grey),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 8.0),
|
||||
if (plan.thumbnail.isNotEmpty)
|
||||
ClipRRect(
|
||||
borderRadius: BorderRadius.circular(8.0),
|
||||
child: Image.network(
|
||||
plan.thumbnail,
|
||||
height: 140, // 약간 작은 이미지 크기
|
||||
width: double.infinity,
|
||||
fit: BoxFit.cover,
|
||||
loadingBuilder: (BuildContext context, Widget child,
|
||||
ImageChunkEvent? loadingProgress) {
|
||||
if (loadingProgress == null) return child;
|
||||
return Center(
|
||||
child: CircularProgressIndicator(
|
||||
value: loadingProgress.expectedTotalBytes !=
|
||||
null
|
||||
? loadingProgress.cumulativeBytesLoaded /
|
||||
loadingProgress.expectedTotalBytes!
|
||||
: null,
|
||||
),
|
||||
);
|
||||
},
|
||||
errorBuilder: (BuildContext context, Object exception,
|
||||
StackTrace? stackTrace) {
|
||||
return Container(
|
||||
height: 140,
|
||||
color: Colors.grey[200],
|
||||
child: const Center(
|
||||
child: Icon(Icons.broken_image,
|
||||
color: Colors.grey, size: 40)));
|
||||
},
|
||||
),
|
||||
)
|
||||
else
|
||||
Container(
|
||||
height: 140,
|
||||
color: Colors.grey[200],
|
||||
child: const Center(
|
||||
child: Text('No Image',
|
||||
style: TextStyle(color: Colors.grey)))),
|
||||
// const SizedBox(height: 8.0),
|
||||
// // PlanPage용 ListView 아이템에 추가적인 정보를 표시하거나 다른 UI를 구성할 수 있습니다.
|
||||
// Text('Plan ID: ${plan.planId}', style: TextStyle(fontSize: 12.0, color: Colors.blueGrey)),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
@@ -59,6 +59,8 @@ class _YoutubePlayerPageState extends State<YoutubePlayerPage> {
|
||||
flags: const YoutubePlayerFlags(
|
||||
autoPlay: true,
|
||||
mute: false,
|
||||
// <<< 동영상 재생이 끝나면 컨트롤러를 자동으로 숨기지 않도록 설정 (선택적) >>>
|
||||
// hideControls: false, // 기본값은 true
|
||||
),
|
||||
)..addListener(_playerListener);
|
||||
} else {
|
||||
@@ -70,6 +72,34 @@ class _YoutubePlayerPageState extends State<YoutubePlayerPage> {
|
||||
void _playerListener() {
|
||||
if (_controller == null || !mounted) return;
|
||||
|
||||
// <<< 재생 상태 감지 >>>
|
||||
if (_controller!.value.playerState == PlayerState.ended) {
|
||||
// 동영상 재생이 완료되었을 때 처리할 로직
|
||||
print("Video has ended.");
|
||||
if (mounted) {
|
||||
// 전체 화면 모드였다면 해제
|
||||
if (_controller!.value.isFullScreen) {
|
||||
_controller!.toggleFullScreenMode();
|
||||
}
|
||||
// 시스템 UI를 다시 보이도록 설정 (toggleFullScreenMode가 자동으로 처리할 수도 있음)
|
||||
_showSystemUi();
|
||||
// 세로 화면으로 복귀 (toggleFullScreenMode가 자동으로 처리할 수도 있음)
|
||||
SystemChrome.setPreferredOrientations([
|
||||
DeviceOrientation.portraitUp,
|
||||
DeviceOrientation.portraitDown,
|
||||
]);
|
||||
|
||||
// 필요하다면 페이지를 pop 하거나 다른 동작 수행
|
||||
// 예: Navigator.of(context).pop();
|
||||
// 또는 사용자에게 알림 표시
|
||||
// ScaffoldMessenger.of(context).showSnackBar(
|
||||
// const SnackBar(content: Text('동영상 재생이 완료되었습니다.')),
|
||||
// );
|
||||
}
|
||||
return; // ended 상태 처리 후 리스너의 나머지 로직은 건너뛸 수 있음
|
||||
}
|
||||
|
||||
|
||||
if (_controller!.value.isFullScreen) {
|
||||
_hideSystemUi();
|
||||
// 플레이어가 전체 화면으로 진입하면 가로 방향으로 설정 (선택적, 플레이어가 자동으로 할 수 있음)
|
||||
@@ -251,6 +281,20 @@ class _YoutubePlayerPageState extends State<YoutubePlayerPage> {
|
||||
}
|
||||
print('Player is ready.');
|
||||
},
|
||||
// <<< 필요하다면 onEnded 콜백 직접 사용 가능 (addListener와 중복될 수 있으니 주의) >>>
|
||||
// onEnded: (metadata) {
|
||||
// print("Video has ended (onEnded callback).");
|
||||
// if (mounted) {
|
||||
// if (_controller!.value.isFullScreen) {
|
||||
// _controller!.toggleFullScreenMode();
|
||||
// }
|
||||
// _showSystemUi();
|
||||
// SystemChrome.setPreferredOrientations([
|
||||
// DeviceOrientation.portraitUp,
|
||||
// DeviceOrientation.portraitDown,
|
||||
// ]);
|
||||
// }
|
||||
// },
|
||||
),
|
||||
),
|
||||
bottomNavigationBar: isFullScreen
|
||||
@@ -286,7 +330,8 @@ class _YoutubePlayerPageState extends State<YoutubePlayerPage> {
|
||||
|
||||
@override
|
||||
void deactivate() {
|
||||
if (_controller != null && _isPlayerReady) {
|
||||
// 페이지가 비활성화될 때 (예: 다른 화면으로 전환될 때) 플레이어 일시 중지
|
||||
if (_controller != null && _isPlayerReady && _controller!.value.isPlaying) {
|
||||
_controller!.pause();
|
||||
}
|
||||
super.deactivate();
|
||||
|
||||
Reference in New Issue
Block a user