![](https://img-blog.csdnimg.cn/24490165250049c3a61401effc3f9f06.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Flutter
文章平均质量分 77
flutter学习
北路向一
这个作者很懒,什么都没留下…
展开
-
Flutter开发学习实战之商城项目(后端+Flutter端)
Flutter_mall 商城项目引言:此Flutter工程项目是在学习 youxinLu 大佬写的一个商城项目:作者项目简介:Flutter_Mall是一款Flutter开源在线商城应用程序,是基于litemall基础上进行开发,litemall包含了Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端 + Vue用户移动端感兴趣的同学可以自行研究部署,Flutter_Mall基本上包含了litemall中小程序的功能。学习的最好方法就是动手实践:于是将 youxinL原创 2021-11-24 21:00:06 · 5089 阅读 · 0 评论 -
Flutter开发学习课程携程app开发(完)
1.Flutter 列表选择器插件1. 推荐插件:azlistviewFlutter 城市列表、联系人列表,索引&悬停。基于scrollable_positioned_list.AzListView, SuspensionView, IndexBar.Features轻松创建城市列表或联系人列表界面。列表项按A-Z分组。带有悬停效果Header。支持自定义Header。支持索引联动。IndexBar支持自定义样式。IndexBar支持本地图片。允许滚动到列表中的特定项目。原创 2021-11-24 11:50:35 · 2140 阅读 · 0 评论 -
移动开发搭建本地商城接口
Windows搭建Litemall后台接口1.安装 Mysql2.配置JDK环境。3.配置Maven1.window安装mysql安装Mysql方法:https://blog.csdn.net/qq_40067488/article/details/115416439mysql常用命令:https://www.jianshu.com/p/8f8d8161631f遇到的问题:Mysql启动问题:一定要以管理员身份打开cmd执行: net start mysqlmysql数据库启动原创 2021-11-23 17:24:02 · 2078 阅读 · 0 评论 -
Flutter开发学习课程携程app开发(三)
1.效果展示需要实现的功能:自定义一个 SearchBar, 它在主页和搜索页会呈现不同的状态显示。在搜索框中无输入的时候显示一个语音小图标,有输入的时候显示一个清除图标。在 HomePage 首页中,用一个 Stack 将 appBar 叠加在内容区的上方,通过监听 NotificationListener 的滚动来改变 appBar的背景色。在搜索界面中 SearchPage 中,实现了一个快搜的功能,并且高亮搜索的关键字,通过 ListView 来展示搜索的结果。学习到的知识点:原创 2021-11-10 21:27:41 · 1857 阅读 · 0 评论 -
Flutter开发学习课程携程app开发(二)
1.旅拍界面展示2.界面布局顶部是 TabBar 配合 TabBarView 实现页面滑动翻页TabBarView 用 Flexible 包裹 Flexible 包裹充满整个页面内容区部分采用 StaggeredGridView 构建瀑布流式布局,引入插件 flutter_staggered_grid_view。自定义 LoadingContainer 在进入界面的时候弹出一个加载菊花。通过 RefreshIndicator 控件实现下拉刷新。通过 MediaQuery.removeP原创 2021-11-09 14:18:02 · 1553 阅读 · 0 评论 -
Flutter开发学习课程携程app开发(一)
1.页面数据1.数据展示接口地址: json 格式对应的数据界面展示效果:2.数据请求应用Dio进行数据请求:home_dao.dart在 配置文件 pubspec.yaml 中引入 Dio依赖插件:dio: ^4.0.0import 'dart:async';import 'package:dio/dio.dart';import 'package:flutter_trip2/model/home_model.dart';const HOME_URL = 'http原创 2021-11-08 16:41:13 · 371 阅读 · 0 评论 -
Flutter开发之顶部导航实现
引言学习Flutter的基础控件的使用。推荐学习的书籍:《Flutter实战-第二版》Flutter官方教程实现顶部导航主要控件:TabBar 顶部导航TabBarView 导航视图辅助控件:Scaffold: 实现了基本的 material 布局样式Flexible:Flexible是一个控制Row、Column、Flex等子组件如何布局的组件。Flexible组件可以使Row、Column、Flex等子组件在主轴方向有填充可用空间的能力(例如,Row在水平原创 2021-11-05 15:26:58 · 871 阅读 · 0 评论 -
Flutter底部导航路由实现
引言学习Flutter的基础控件的使用。推荐学习的书籍:《Flutter实战-第二版》Flutter官方教程咸鱼技术团队:1.底部导航实现要实现这样的效果,我们需要用到以下控件:ScaffoldPageViewBottomNavigationBarBottomNavigationBarItemPageController2. Widget属性说明1.Scaffold 控件一个完整的路由页可能会包含导航栏、抽屉菜单(Drawer) 以及底部.原创 2021-11-05 14:56:12 · 1196 阅读 · 0 评论