feat: 新增 AppLoadingIndicator 和 AppPressable 组件

- 新增 AppLoadingIndicator 加载指示器组件 - 新增 AppPressable 按压反馈组件 - 新增 AppSheetInputField 输入框组件 - 更新 AppButton 和其他共享组件
2026-03-16 16:11:16 +08:00
parent e55f12cdc1
commit a75c868bca
6 changed files with 360 additions and 38 deletions
@@ -0,0 +1,106 @@
+import 'package:flutter/material.dart';
+
+import '../../core/theme/design_tokens.dart';
+
+class AppSheetInputField extends StatefulWidget {
+  const AppSheetInputField({
+    super.key,
+    required this.controller,
+    required this.label,
+    required this.hint,
+    this.maxLines = 1,
+    this.autofocus = false,
+  });
+
+  final TextEditingController controller;
+  final String label;
+  final String hint;
+  final int maxLines;
+  final bool autofocus;
+
+  @override
+  State<AppSheetInputField> createState() => _AppSheetInputFieldState();
+}
+
+class _AppSheetInputFieldState extends State<AppSheetInputField> {
+  final FocusNode _focusNode = FocusNode();
+  bool _isFocused = false;
+
+  @override
+  void initState() {
+    super.initState();
+    _focusNode.addListener(_onFocusChange);
+  }
+
+  @override
+  void dispose() {
+    _focusNode.removeListener(_onFocusChange);
+    _focusNode.dispose();
+    super.dispose();
+  }
+
+  void _onFocusChange() {
+    if (_isFocused == _focusNode.hasFocus) {
+      return;
+    }
+    setState(() {
+      _isFocused = _focusNode.hasFocus;
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text(
+          widget.label,
+          style: const TextStyle(
+            fontFamily: 'Inter',
+            fontSize: 14,
+            fontWeight: FontWeight.w600,
+            color: AppColors.slate700,
+          ),
+        ),
+        const SizedBox(height: AppSpacing.sm),
+        AnimatedContainer(
+          duration: const Duration(milliseconds: 140),
+          curve: Curves.easeOut,
+          decoration: BoxDecoration(
+            color: AppColors.slate50,
+            borderRadius: BorderRadius.circular(AppRadius.md),
+            border: Border.all(
+              color: _isFocused
+                  ? AppColors.borderQuaternary
+                  : AppColors.borderSecondary,
+            ),
+            boxShadow: _isFocused
+                ? [
+                    BoxShadow(
+                      color: AppColors.blue200.withValues(alpha: 0.35),
+                      blurRadius: AppRadius.sm,
+                      offset: const Offset(0, AppSpacing.xs / 2),
+                    ),
+                  ]
+                : const [],
+          ),
+          child: TextField(
+            controller: widget.controller,
+            focusNode: _focusNode,
+            autofocus: widget.autofocus,
+            maxLines: widget.maxLines,
+            decoration: InputDecoration(
+              hintText: widget.hint,
+              hintStyle: const TextStyle(color: AppColors.slate400),
+              border: InputBorder.none,
+              contentPadding: const EdgeInsets.symmetric(
+                horizontal: AppSpacing.md,
+                vertical: AppSpacing.md,
+              ),
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}