爆肝flutter3.41+dart3.11+getx+dio仿写deepseek智能ai应用app

0 阅读3分钟

2026年最新研发Flutter3.41.5+Get+Dio+DeepSeek api跨平台高性能流式输出AI对话app应用。升级深度思考、latex公式及mermaid图表支持。

未标题-f3.png

未标题-pc.png

p3.gif

技术栈

  • 开发工具:VScode
  • 跨平台框架:flutter3.41.5+dart3.11
  • 大模型框架:deepseek-chat
  • 网络请求:dio^5.9.2
  • 状态管理:get^4.7.3
  • 本地存储:get_storage^2.1.1
  • markdown解析:flutter_markdown_plus^1.0.7
  • 高亮插件:flutter_highlight^0.7.0
  • 环境变量插件:flutter_dotenv^6.0.0

p2-2.gif

p2-1.gif

项目特性

  1. Flutter3.41搭建项目,接入DeepSeek-V3,对话丝滑流畅
  2. 新增深度思考、latex数学公式、mermaid图表渲染
  3. 支持代码块横向滚动、代码高亮/复制代码、多轮上下文会话、本地存储对话
  4. 支持图片预览、链接跳转、表格
  5. 支持手机端/桌面端750px显示

p2.gif

项目结构框架

使用最新跨平台技术flutter3.41创建项目模板,调用deepseek api对话大模型。

360截图20260406221825921.png

目前该项目已经正式更新到我的原创作品小铺,欢迎下载使用。

Flutter3.41+DeepSeek跨平台AI流式智能应用

未标题-f4.png

未标题-f6.png

未标题-f9.png

环境变量配置

50b6ac81e2f2c9e9d9c1f87e3699f226_1289798-20260407114923170-1701335622.png

根据自己申请的deepseek apikey,替换项目根目录下.env文件里的key即可体验ai流式对话。

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

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

解决flutter3.32以上版本底部导航条黑色背景

在开发过程中,发现当flutter升级到3.32以上版本,编译apk运行到手机,发现底部导航栏会出现黑色背景,目前github上已经有人提issue,可尝试通过如下方法修复。

SystemUiOverlayStyle(
    systemNavigationBarColor: Colors.transparent,
    systemNavigationBarIconBrightness: Brightness.dark,
)

具体代码如下

return AnnotatedRegion(
   value: SystemUiOverlayStyle(
     /**
      * 修复flutter3.32以上会出现底部导航栏背景黑色
      * The bottom navigation bar is always black from flutter: 3.32.1.
      * It's working fine on flutter: 3.29.3
      */
    systemNavigationBarColor: Colors.transparent,
      systemNavigationBarIconBrightness: Brightness.dark,
    ),
    child: ...
  )
)

如果小伙伴还有其它解决方案,欢迎留言交流讨论哈~

360截图20260406222022667.png

360截图20260406222725046.png

001360截图20260406223505973.png

002360截图20260406224104687.png

002360截图20260406224243177.png

003360截图20260406224851371.png

003360截图20260406234841367.png

003360截图20260406234643226.png

004360截图20260406230818583.png

008360截图20260406231922563.png

006360截图20260406231527913.png

009360截图20260406232046539.png

另外该项目,支持运行到桌面windows端,750px宽度显示布局结构。

011360截图20260406232733335.png

012360截图20260406232924623.png

012360截图20260406232924625.png

012360截图20260406233250243.png

基于flutter3.41+deepseek搭建高性能ai助手就分享到这里。感谢大家的阅读与支持!

Electron41 + Vite8 + Vue3.5实战打造你的专属AI回答助手

vite8.0-webai网页版AI模板|vue3+vite8+deepseek专属web版流式ai回答助手

2026实战uniapp+vue3+mphtml调用deepseek【小程序+安卓+H5】流式输出ai

2026最新款Tauri2.10+Vite7.3+DeepSeek桌面版AI系统Exe

2026原创Electron39.2+Vue3+DeepSeek从0-1手搓AI模板桌面应用Exe

2026最新款Vite7+Vue3+DeepSeek-V3.2+Markdown移动端流式输出AI会话

electron38.2-vue3os系统|Vite7+Electron38+Pinia3+ArcoDesign桌面版OS后台管理

2025最新款Electron38+Vite7+Vue3+ElementPlus电脑端后台系统Exe

基于electron38+vite7+vue3 setup+elementPlus电脑端仿微信/QQ聊天软件

自研2025版flutter3.38实战抖音app短视频+聊天+直播商城系统

基于flutter3.32+window_manager仿macOS/Wins风格桌面os系统

flutter3.27+bitsdojo_window电脑端仿微信Exe应用

自研tauri2.0+vite6.x+vue3+rust+arco-design桌面版os管理系统Tauri2-ViteOS

基于uni-app+vue3+uvui跨三端仿微信app聊天模板【h5+小程序+app】

基于uniapp+vue3+uvue短视频+聊天+直播app系统