v0.1.6版本

lib/pages/movies/movie_reviews_page.dart

@@ -1,9 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
+import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
 import '../../providers/app_provider.dart';
 import '../../models/data_models.dart';
 import '../../utils/toast_util.dart';
 import 'movie_review_form_page.dart';
+import 'movie_review_detail_page.dart';
 
 /// 影视影评列表页面
 class MovieReviewsPage extends StatefulWidget {
@@ -17,7 +19,10 @@ class MovieReviewsPage extends StatefulWidget {
 
 class _MovieReviewsPageState extends State<MovieReviewsPage> {
   List<MovieReview> _reviews = [];
+  List<MovieReview> _filteredReviews = [];
   bool _isLoading = true;
+  bool _isSearching = false;
+  final TextEditingController _searchController = TextEditingController();
 
   @override
   void initState() {
@@ -25,22 +30,72 @@ class _MovieReviewsPageState extends State<MovieReviewsPage> {
     _loadReviews();
   }
 
+  @override
+  void dispose() {
+    _searchController.dispose();
+    super.dispose();
+  }
+
   Future<void> _loadReviews() async {
     setState(() => _isLoading = true);
     final reviews = await context.read<AppProvider>().getMovieReviews(widget.movie.id);
     setState(() {
       _reviews = reviews;
+      _filteredReviews = reviews;
       _isLoading = false;
     });
   }
 
+  void _toggleSearch() {
+    setState(() {
+      _isSearching = !_isSearching;
+      if (!_isSearching) {
+        _searchController.clear();
+        _filteredReviews = _reviews;
+      }
+    });
+  }
+
+  void _onSearchChanged(String query) {
+    setState(() {
+      if (query.isEmpty) {
+        _filteredReviews = _reviews;
+      } else {
+        final lowerQuery = query.toLowerCase();
+        _filteredReviews = _reviews.where((review) {
+          return review.content.toLowerCase().contains(lowerQuery) ||
+              review.reviewer.toLowerCase().contains(lowerQuery) ||
+              review.source.toLowerCase().contains(lowerQuery);
+        }).toList();
+      }
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       backgroundColor: Colors.white,
       appBar: AppBar(
-        title: const Text('影评'),
+        title: _isSearching
+            ? TextField(
+                controller: _searchController,
+                autofocus: true,
+                decoration: const InputDecoration(
+                  hintText: '搜索影评内容、评论人、来源...',
+                  hintStyle: TextStyle(color: Color(0xFF999999)),
+                  border: InputBorder.none,
+                ),
+                style: const TextStyle(color: Color(0xFF1A1A1A)),
+                onChanged: _onSearchChanged,
+              )
+            : const Text('影评'),
         actions: [
+          // 搜索按钮
+          IconButton(
+            icon: Icon(_isSearching ? Icons.close : Icons.search),
+            onPressed: _toggleSearch,
+          ),
+          // 添加按钮
           IconButton(
             icon: const Icon(Icons.add),
             onPressed: () => _navigateToAddReview(),
@@ -50,7 +105,7 @@ class _MovieReviewsPageState extends State<MovieReviewsPage> {
       ),
       body: _isLoading
           ? const Center(child: CircularProgressIndicator())
-          : _reviews.isEmpty
+          : _filteredReviews.isEmpty
               ? _buildEmptyState()
               : _buildReviewList(),
     );
@@ -90,115 +145,108 @@ class _MovieReviewsPageState extends State<MovieReviewsPage> {
   }
 
   Widget _buildReviewList() {
-    return ListView.builder(
-      padding: const EdgeInsets.all(16),
-      itemCount: _reviews.length,
+    return MasonryGridView.count(
+      crossAxisCount: 2,
+      mainAxisSpacing: 12,
+      crossAxisSpacing: 12,
+      padding: const EdgeInsets.all(12),
+      itemCount: _filteredReviews.length,
       itemBuilder: (context, index) {
-        final review = _reviews[index];
-        return _buildReviewItem(review);
+        final review = _filteredReviews[index];
+        return _buildReviewCard(review);
       },
     );
   }
 
-  Widget _buildReviewItem(MovieReview review) {
+  Widget _buildReviewCard(MovieReview review) {
     return InkWell(
+      onTap: () => _navigateToReviewDetail(review),
       onLongPress: () => _showDeleteDialog(review),
       child: Container(
-        margin: const EdgeInsets.only(bottom: 16),
-        padding: const EdgeInsets.all(16),
+        padding: const EdgeInsets.all(12),
         decoration: BoxDecoration(
-          border: Border.all(color: const Color(0xFFE5E5E5)),
+          color: const Color(0xFFF5F5F5),
+          borderRadius: BorderRadius.circular(8),
         ),
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
-            // 头部：类型标签 + 操作按钮
-            Row(
-              children: [
-                Container(
-                  padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
-                  decoration: BoxDecoration(
-                    color: review.reviewType == 1
-                        ? const Color(0xFFF5F5F5)
-                        : const Color(0xFF1A1A1A),
-                  ),
-                  child: Text(
-                    review.typeText,
-                    style: TextStyle(
-                      fontSize: 11,
-                      color: review.reviewType == 1
-                          ? const Color(0xFF666666)
-                          : Colors.white,
-                    ),
-                  ),
+            // 类型标签
+            Container(
+              padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
+              decoration: BoxDecoration(
+                color: review.reviewType == 1
+                    ? Colors.white
+                    : const Color(0xFF1A1A1A),
+                borderRadius: BorderRadius.circular(4),
+              ),
+              child: Text(
+                review.typeText,
+                style: TextStyle(
+                  fontSize: 10,
+                  color: review.reviewType == 1
+                      ? const Color(0xFF666666)
+                      : Colors.white,
                 ),
-                const Spacer(),
-                // 编辑按钮
-                GestureDetector(
-                  onTap: () => _navigateToEditReview(review),
-                  child: const Icon(
-                    Icons.edit_outlined,
-                    size: 18,
-                    color: Color(0xFF999999),
-                  ),
-                ),
-                const SizedBox(width: 16),
-                // 删除按钮
-                GestureDetector(
-                  onTap: () => _showDeleteDialog(review),
-                  child: const Icon(
-                    Icons.delete_outline,
-                    size: 18,
-                    color: Colors.red,
-                  ),
-                ),
-              ],
+              ),
             ),
-            
-            const SizedBox(height: 12),
-            
+
+            const SizedBox(height: 8),
+
             // 评论内容
             Text(
               review.content,
-              maxLines: review.reviewType == 1 ? 3 : 5,
+              maxLines: review.reviewType == 1 ? 4 : 8,
               overflow: TextOverflow.ellipsis,
               style: const TextStyle(
-                fontSize: 15,
+                fontSize: 13,
                 color: Color(0xFF1A1A1A),
-                height: 1.6,
+                height: 1.5,
               ),
             ),
-            
+
             const SizedBox(height: 12),
-            
+
             // 底部信息
             Row(
               children: [
-                if (review.reviewer.isNotEmpty) ...[
-                  Text(
-                    review.reviewer,
-                    style: const TextStyle(
-                      fontSize: 13,
-                      color: Color(0xFF666666),
+                // 评论人
+                if (review.reviewer.isNotEmpty)
+                  Expanded(
+                    child: Text(
+                      review.reviewer,
+                      style: const TextStyle(
+                        fontSize: 11,
+                        color: Color(0xFF666666),
+                      ),
+                      overflow: TextOverflow.ellipsis,
                     ),
                   ),
-                  const SizedBox(width: 8),
-                ],
-                if (review.source.isNotEmpty) ...[
-                  Text(
-                    '来源：${review.source}',
-                    style: const TextStyle(
-                      fontSize: 12,
-                      color: Color(0xFF999999),
+              ],
+            ),
+
+            const SizedBox(height: 4),
+
+            // 来源和日期一行
+            Row(
+              children: [
+                // 来源
+                if (review.source.isNotEmpty)
+                  Expanded(
+                    child: Text(
+                      review.source,
+                      style: const TextStyle(
+                        fontSize: 10,
+                        color: Color(0xFF999999),
+                      ),
+                      overflow: TextOverflow.ellipsis,
                     ),
                   ),
-                  const SizedBox(width: 8),
-                ],
-                const Spacer(),
+                // 日期
                 Text(
                   _formatDate(review.createdAt),
                   style: const TextStyle(
-                    fontSize: 12,
+                    fontSize: 10,
                     color: Color(0xFF999999),
                   ),
                 ),
@@ -235,6 +283,18 @@ class _MovieReviewsPageState extends State<MovieReviewsPage> {
     ).then((_) => _loadReviews());
   }
 
+  void _navigateToReviewDetail(MovieReview review) {
+    Navigator.push(
+      context,
+      MaterialPageRoute(
+        builder: (context) => MovieReviewDetailPage(
+          review: review,
+          movieId: widget.movie.id,
+        ),
+      ),
+    ).then((_) => _loadReviews());
+  }
+
   void _showDeleteDialog(MovieReview review) {
     showDialog(
       context: context,