feat(flutter): 重设计剧场与首页 Hero

lib/pages/discover/widgets/discover_search_field.dart

@@ -3,6 +3,7 @@
 import 'package:flutter/material.dart';
 
 import '../../../core/theme/app_colors.dart';
+import '../../../core/theme/app_dimens.dart';
 import '../../../l10n/app_localizations.dart';
 
 /// 剧场顶部搜索框。
@@ -13,19 +14,21 @@ class DiscoverSearchField extends StatelessWidget {
     required this.focusNode,
     required this.onChanged,
     required this.loading,
+    this.horizontalPadding = 14,
   });
 
   final TextEditingController controller;
   final FocusNode focusNode;
   final ValueChanged<String> onChanged;
   final bool loading;
+  final double horizontalPadding;
 
   @override
   Widget build(BuildContext context) {
     return Padding(
-      padding: const EdgeInsets.symmetric(horizontal: 14),
+      padding: EdgeInsets.symmetric(horizontal: horizontalPadding),
       child: SizedBox(
-        height: 36,
+        height: AppDimens.searchHeight,
         child: TextField(
           key: const Key('discover-search'),
           controller: controller,
@@ -33,13 +36,13 @@ class DiscoverSearchField extends StatelessWidget {
           onChanged: onChanged,
           onTapOutside: (_) => focusNode.unfocus(),
           textInputAction: TextInputAction.search,
-          style: const TextStyle(color: AppColors.onSurface, fontSize: 13),
+          style: const TextStyle(color: AppColors.onSurface, fontSize: 14),
           decoration: InputDecoration(
             isDense: true,
             filled: true,
             fillColor: AppColors.input,
             hintText: AppLocalizations.of(context)!.searchDiscover,
-            hintStyle: const TextStyle(color: AppColors.cream, fontSize: 11),
+            hintStyle: const TextStyle(color: AppColors.subtle, fontSize: 12),
             prefixIcon: const Icon(
               Icons.search_rounded,
               color: AppColors.subtle,
@@ -53,11 +56,11 @@ class DiscoverSearchField extends StatelessWidget {
                 : null,
             contentPadding: const EdgeInsets.symmetric(horizontal: 12),
             enabledBorder: OutlineInputBorder(
-              borderRadius: BorderRadius.circular(20),
+              borderRadius: BorderRadius.circular(AppDimens.pillRadius),
               borderSide: BorderSide.none,
             ),
             focusedBorder: OutlineInputBorder(
-              borderRadius: BorderRadius.circular(20),
+              borderRadius: BorderRadius.circular(AppDimens.pillRadius),
               borderSide: const BorderSide(color: AppColors.blue, width: 1),
             ),
           ),