2026研发flutter3.41+dart3.11+getx+dio仿写deepseek app智能流式ai应用

张开发
2026/4/9 21:37:47 15 分钟阅读

分享文章

2026研发flutter3.41+dart3.11+getx+dio仿写deepseek app智能流式ai应用
最新版原创Flutter3.41.5Dart3.11Deepseek跨平台ai智能流式打字。flutter3-ai基于Flutter3.41Dart3DioGetxMarkdown聚合DeepSeek-chat手机端AI流式打字智能系统模板。新增深度思考链、latex公式、mermaid渲染代码高亮/复制代码、图片预览、链接、表格等功能。项目技术知识开发工具vscode跨平台框架flutter3.41.5dart3.11大模型框架DeepSeek-V3.2网络请求dio^5.9.2路由/状态管理get^4.7.3本地存储get_storage^2.1.1markdown解析flutter_markdown_plus^1.0.7高亮插件flutter_highlight^0.7.0latex插件flutter_markdown_plus_latex^1.0.5mermaid插件flutter_mermaid^0.1.0环境变量插件flutter_dotenv^6.0.0项目结构目录使用最新跨平台框架Flutter3.41构建项目模板接入DeepSeek对话大模型。flutter3-ai跨平台智能ai项目已经正式发布到我的原创作品小铺。Flutter3.41DeepSeek跨平台AI流式智能应用模板flutter配置环境变量.envflutter3支持配置.env环境变量安装项目依赖flutter_dotenv# 项目名称APP_NAMEFlutter3-DeepSeek# DeepSeekAPI配置DEEPSEEK_API_KEYyour apikeyDEEPSEEK_BASE_URLhttps://api.deepseek.com获取环境变量// 获取.env环境变量baseUrl和apiKeyString baseURLdotenv.get(DEEPSEEK_BASE_URL);String apiKEYdotenv.get(DEEPSEEK_API_KEY);项目入口main.dartimportdart:io;importpackage:flutter/material.dart;importpackage:flutter/services.dart;importpackage:get/get.dart;importpackage:get_storage/get_storage.dart;importpackage:shirne_dialog/shirne_dialog.dart;importpackage:flutter_dotenv/flutter_dotenv.dart;importcontroller/app.dart;importcontroller/chat.dart;// 引入路由配置importrouter/index.dart;voidmain()async{// 初始化存储服务awaitGetStorage.init();// 将.env文件内容加载到dotenv中awaitdotenv.load(fileName:.env);// 注册GetxControllerGet.put(AppStore());Get.put(ChatStore());runApp(constMyApp());}classMyAppextendsStatelessWidget{constMyApp({super.key});overrideWidgetbuild(BuildContext context){// 获取AppStore实例final appStoreAppStore.to;returnAnnotatedRegion(value:SystemUiOverlayStyle(/** * 修复flutter3.32以上会出现底部导航栏背景黑色 * The bottom navigation bar is always black from flutter: 3.32.1. * Its working fine on flutter: 3.29.3 */systemNavigationBarColor:Colors.transparent,systemNavigationBarIconBrightness:Brightness.dark,),child:GetMaterialApp(title:Flutter3-DeepSeek,debugShowCheckedModeBanner:false,theme:ThemeData(colorScheme:ColorScheme.fromSeed(seedColor:Color(0xFF5842F2)),useMaterial3:true,fontFamily:Platform.isWindows?Microsoft YaHei:null,),// 初始路由initialRoute:appStore.isLogin?/:/login,// 路由页面getPages:routePages,// 初始弹窗keynavigatorKey:MyDialog.navigatorKey,localizationsDelegates:[// Add your ShirneDialogLocalizations delegate hereShirneDialogLocalizations.delegate,],),);}}解决flutter3.32以上会出现底部导航栏背景黑色最新版flutter升级到3.32以上编译apk运行到手机后会出现底部导航栏背景黑色目前已经有部分开发者遇到类似情况github上面已经有提issue了。可尝试通过如下方式解决AnnotatedRegion(value:SystemUiOverlayStyle(/** * 修复flutter3.32以上会出现底部导航栏背景黑色 * The bottom navigation bar is always black from flutter: 3.32.1. * Its working fine on flutter: 3.29.3 */systemNavigationBarColor:Colors.transparent,systemNavigationBarIconBrightness:Brightness.dark,),child:...)经测试目前在红米手机上面正常可解决此问题。支持编译运行到windows端以750px基准展示页面布局。项目公共布局模板overrideWidgetbuild(BuildContext context){returnScaffold(key:scaffoldKey,backgroundColor:Colors.white,appBar:AppBar(...actions:[IconButton(icon:Icon(Icons.try_sms_star_outlined),onPressed:()handleCreate(),),],),body:Center(child:ConstrainedBox(constraints:BoxConstraints(maxWidth:750.0,),child:Flex(direction:Axis.vertical,crossAxisAlignment:CrossAxisAlignment.start,children:[Expanded(child:Stack(children:[GestureDetector(child:ScrollConfiguration(behavior:CustomScrollBehavior().copyWith(scrollbars:false),// GetBuilder响应流式输出child:Obx((){if(chatStore.currentMessages.isEmpty){// 欢迎信息returnWelcome(onChanged:(value){textEditingController.textvalue;},);}returnListView.builder(keyboardDismissBehavior:ScrollViewKeyboardDismissBehavior.onDrag,// 当滚动时候隐藏键盘controller:scrollController,padding:EdgeInsets.all(10.0),reverse:true,shrinkWrap:true,itemCount:chatStore.currentMessages.length,itemBuilder:(context,index){...});}),),onTap:(){focusNode.unfocus();},),// 滚动到底部AnimatedPositioned(...),],),),// 底部编辑器区域ChatEditor(controller:textEditingController),]),),),// 侧边栏drawer:Drawer(child:Sidebar(),),);}flutter3get配置路由importpackage:flutter/material.dart;importpackage:get/get.dart;import../controller/app.dart;/* 引入路由页面 */import../pages/auth/login.dart;import../pages/auth/register.dart;import../pages/index/index.dart;import../pages/aihub/index.dart;import../pages/setting/index.dart;// 路由地址集合final MapString,Widgetroutes{/:Home(),/aihub:Aihub(),/setting:Setting(),};final ListGetPagerouteListroutes.entries.map((e)GetPage(name:e.key,// 路由名称page:()e.value,// 路由页面transition:Transition.rightToLeftWithFade,// 跳转路由动画middlewares:[RouteMiddleware()],// 路由中间件)).toList();final ListGetPageroutePages[GetPage(name:/login,page:()constLogin()),GetPage(name:/register,page:()constRegister()),...routeList,];// 路由中间件拦截验证classRouteMiddlewareextendsGetMiddleware{final appStoreAppStore.to;overrideRouteSettings?redirect(String?route){returnappStore.isLogin?null:constRouteSettings(name:/login);}}好了基于flutter3.41.5对接deepseek搭建跨平台ai项目就分享到这里。首发Electron41Vite8.0Vue3DeepSeek打造桌面版AI流式输出Exe2026升级款vite8.0vue3.5deepseek移动端h5智能ai模板2026開年重磅uni-appmphtmldeepseek安卓小程序H5流式ai2026爆肝Tauri2.10Vite7.3Vue3DeepSeek桌面客户端AI智能对话系统Exevite8.0deepseek流式ai模板|vue3.5vant4markdown打字输出ai助手flutter3.38手搓抖音app系统|flutter3.38dart3.10getxmediakit短视频聊天直播Electron38-Vue3Chat电脑端聊天|vite7electron38pinia3仿微信Exe聊天系统最新研发Tauri2.9Vite7.2Vue3 setupArcoDesignEcharts客户端OS系统最新款Electron38Vue3Vite7ElementPlus客户端admin管理系统vite7-vue3-webos网页版仿macos系统|Vite7Pinia3Arco网页版os系统基于flutter3.32window_managerget仿macOS/wins桌面os系统基于uni-appvue3pinia2uv-ui仿抖音app短视频聊天直播应用

更多文章