lxm
1 year ago
4 changed files with 523 additions and 229 deletions
@ -0,0 +1,190 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|||
import 'package:get/get.dart'; |
|||
import '../controllers/agent_controller.dart'; |
|||
|
|||
/// 底部弹出式文本编辑器组件 |
|||
class FullScreenEditor extends StatefulWidget { |
|||
const FullScreenEditor({super.key}); |
|||
|
|||
@override |
|||
State<FullScreenEditor> createState() => _FullScreenEditorState(); |
|||
} |
|||
|
|||
class _FullScreenEditorState extends State<FullScreenEditor> { |
|||
late TextEditingController _textController; |
|||
late FocusNode _focusNode; |
|||
final AgentController controller = AgentController.to; |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
// 使用与主界面相同的文本控制器，保持内容同步 |
|||
_textController = controller.textController; |
|||
_focusNode = FocusNode(); |
|||
|
|||
// 延迟聚焦，确保界面完全加载后再聚焦 |
|||
WidgetsBinding.instance.addPostFrameCallback((_) { |
|||
_focusNode.requestFocus(); |
|||
}); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
_focusNode.dispose(); |
|||
super.dispose(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
final isDarkMode = Theme.of(context).brightness == Brightness.dark; |
|||
final primaryColor = Theme.of(context).primaryColor; |
|||
final keyboardHeight = MediaQuery.of(context).viewInsets.bottom; // 获取键盘高度 |
|||
|
|||
return Container( |
|||
height: MediaQuery.of(context).size.height * 0.95, // 占屏幕高度的90% |
|||
decoration: BoxDecoration( |
|||
color: isDarkMode ? Colors.grey[900] : Colors.white, |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(20.r), |
|||
topRight: Radius.circular(20.r), |
|||
), |
|||
), |
|||
child: Stack( |
|||
children: [ |
|||
// 主要内容区域 |
|||
Column( |
|||
children: [ |
|||
// 主要编辑区域 |
|||
Expanded( |
|||
child: Container( |
|||
padding: EdgeInsets.fromLTRB(16.w, 60.w, 16.w, 16.w), |
|||
child: TextField( |
|||
controller: _textController, |
|||
focusNode: _focusNode, |
|||
maxLines: null, |
|||
expands: true, |
|||
keyboardType: TextInputType.multiline, |
|||
textInputAction: TextInputAction.newline, |
|||
style: TextStyle( |
|||
fontSize: 16.sp, |
|||
color: isDarkMode ? Colors.white : Colors.black87, |
|||
height: 1.5, |
|||
), |
|||
decoration: InputDecoration( |
|||
hintText: '在这里输入你的消息...', |
|||
hintStyle: TextStyle( |
|||
color: isDarkMode ? Colors.white54 : Colors.grey[500], |
|||
fontSize: 16.sp, |
|||
), |
|||
border: InputBorder.none, |
|||
contentPadding: EdgeInsets.zero, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
|
|||
// 底部操作区域 |
|||
Container( |
|||
margin: |
|||
EdgeInsets.only(bottom: keyboardHeight), // 关键修改：添加键盘高度的边距 |
|||
padding: EdgeInsets.all(16.w), |
|||
decoration: BoxDecoration( |
|||
color: isDarkMode ? Colors.grey[800] : Colors.grey[50], |
|||
border: Border( |
|||
top: BorderSide( |
|||
color: isDarkMode ? Colors.grey[700]! : Colors.grey[200]!, |
|||
width: 1, |
|||
), |
|||
), |
|||
), |
|||
child: Row( |
|||
children: [ |
|||
// 字符计数 |
|||
Expanded( |
|||
child: ValueListenableBuilder<TextEditingValue>( |
|||
valueListenable: _textController, |
|||
builder: (context, value, child) { |
|||
return Text( |
|||
'${value.text.length} 字符', |
|||
style: TextStyle( |
|||
color: isDarkMode |
|||
? Colors.white60 |
|||
: Colors.grey[600], |
|||
fontSize: 14.sp, |
|||
), |
|||
); |
|||
}, |
|||
), |
|||
), |
|||
|
|||
// 发送按钮 - 保持与主界面一致的样式 |
|||
Obx(() { |
|||
final hasText = controller.hasTextInput.value; |
|||
return GestureDetector( |
|||
onTap: hasText |
|||
? () async { |
|||
await controller.sendMessageFromFullScreen(); |
|||
if (context.mounted) { |
|||
Navigator.of(context).pop(); |
|||
} |
|||
} |
|||
: null, |
|||
child: Container( |
|||
width: 44.w, |
|||
height: 44.h, |
|||
decoration: BoxDecoration( |
|||
color: hasText |
|||
? primaryColor |
|||
: (isDarkMode |
|||
? Colors.grey[800] |
|||
: Colors.grey[300]), |
|||
borderRadius: BorderRadius.circular(22.r), |
|||
), |
|||
child: Icon( |
|||
Icons.send, |
|||
color: hasText |
|||
? Colors.white |
|||
: (isDarkMode |
|||
? Colors.grey[600] |
|||
: Colors.grey[500]), |
|||
size: 22.sp, |
|||
), |
|||
), |
|||
); |
|||
}), |
|||
], |
|||
), |
|||
), |
|||
], |
|||
), |
|||
|
|||
// 右上角关闭按钮 |
|||
Positioned( |
|||
top: 16.h, |
|||
right: 16.w, |
|||
child: GestureDetector( |
|||
onTap: () { |
|||
controller.closeFullScreenEdit(); |
|||
Navigator.of(context).pop(); |
|||
}, |
|||
child: Container( |
|||
width: 32.w, |
|||
height: 32.h, |
|||
decoration: BoxDecoration( |
|||
color: isDarkMode ? Colors.grey[800] : Colors.grey[200], |
|||
borderRadius: BorderRadius.circular(16.r), |
|||
), |
|||
child: Icon( |
|||
Icons.close, |
|||
color: isDarkMode ? Colors.white : Colors.black87, |
|||
size: 20.sp, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
Loading…
Reference in new issue