• 环境变量配置:flutter_dotenv^6.0.0
  • 窗口管理:window_manager^0.5.1
  • 托盘管理:system_tray^2.0.3

未标题-p4

p1

p4

项目特性

  1. 基于Flutter3.41接入DeepSeek-V4,对话丝滑流畅
  2. 新增深度思考✨
  3. 新增latex数学公式✨
  4. 新增mermaid图表渲染✨
  5. 支持代码块横向滚动、代码高亮/复制代码✨
  6. 支持图片预览、链接跳转、表格✨
  7. 支持多轮上下文会话、本地存储对话✨

p4-1

项目框架结构

flutter3-win-ai使用最新跨平台框架 flutter3.41 构建项目,对接 deepseek 智能大模型。

360截图20260414234213812

Flutter3-Deepseek-WinAI桌面端ai项目已经正式发布到我的原创作品集。

flutter3.41+deepseek+dio客户端AI对话系统

p4-2

 flutter create flutter_winseek 快速构建一个flutter3初始化项目。

 flutter run -d windows 命令快速运行到桌面端。

2fd4944b4053b8a62b7a7fd3e594d147_1289798-20250605103549516-150050982

flutter3环境变量.env

项目通过 flutter_dotenv 插件配置环境变量。

b310d02077a18988971629e8445cfe66_1289798-20250605104151148-834204953

申请一个deepseek apikey,替换如下文件里的key字段,即可畅快体验流式对话功能。

复制代码

# 项目名称
APP_NAME = 'Flutter3-WinSeek'

# DeepSeek API配置
DEEPSEEK_API_KEY = apikey
DEEPSEEK_BASE_URL = https://api.deepseek.com

复制代码

在页面中通过如下方式获取环境变量。

// 获取.env环境变量baseUrl和apiKey
String baseURL = dotenv.get('DEEPSEEK_BASE_URL');
String apiKEY = dotenv.get('DEEPSEEK_API_KEY');

未标题-p5

360截图20260414234213820

360截图20260414234801302

360截图20260414234706912

360截图20260414234920174

360截图20260414235005448

360截图20260414235005451

360截图20260414235033184

项目通用模板

image

项目整体布局结构如上图所示:

5a70110313c5933c6066243181b30e59_1289798-20250605104750285-68659816

复制代码

return Scaffold(
  backgroundColor: Colors.grey[50],
  body: DragToResizeArea(
    child: Row(
      children: [
        // 侧边栏
        AnimatedSize(
          duration: const Duration(milliseconds: 300),
          curve: Curves.easeInOut,
          child: Container(
            width: collapsed ? 0 : 260,
            decoration: BoxDecoration(
              border: Border(right: BorderSide(color: Colors.grey.withAlpha(50)))
            ),
            child: Material(
              color: Color(0xFFF3F3F3),
              child: Sidebar(),
            ),
          ),
        ),
        // 主体容器
        Expanded(
          child: Column(
            children: [
              // 自定义导航栏
              SizedBox(
                height: 30.0,
                child: Row(
                  children: [
                    IconButton(
                      onPressed: () {
                        setState(() {
                          collapsed = !collapsed;
                        });
                      },
                      icon: Icon(collapsed ? Icons.format_indent_increase : Icons.format_indent_decrease, size: 16.0,),
                      tooltip: collapsed ? '展开' : '收缩',
                    ),
                    Expanded(
                      child: DragToMoveArea(
                        child: SizedBox(
                          height: double.infinity,
                        ),
                      ),
                    ),
                    // 右上角操作按钮
                    WinBtns(
                      leading: Row(
                        children: [
                          ...
                        ],
                      ),
                    ),
                  ],
                ),
              ),
              // 右侧主面板
              Expanded(
                child: Container(
                  child: widget.child,
                ),
              ),
            ],
          ),
        ),
      ],
    ),
  ),
);

复制代码

p4-3

360截图20260415000009877

360截图20260414235225494

360截图20260414235358409

360截图20260414235309112

360截图20260414235718152

360截图20260414235906479

Logo

中国智能体开发者社区,聚焦智能体与大模型开发,提供前沿资讯、实用工具链、开源项目及行业案例。通过技术沙龙、开发者大赛等活动,促进经验交流与协作,助力开发者快速构建创新智能应用。

更多推荐