重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

flutter切换菜单,flutter长按弹出菜单

flutter 完全使用GetX 主题切换 以及 自创建Widget的颜色随主题变化方案

这篇将会解决手动切换主题以及跟随手机切换主题来更新UI(包括自己创建的Widget)

创新互联是一家专注网站建设、网络营销策划、小程序设计、电子商务建设、网络推广、移动互联开发、研究、服务为一体的技术型公司。公司成立十余年以来,已经为数千家成都电动窗帘各业的企业公司提供互联网服务。现在,服务的数千家客户与我们一路同行,见证我们的成长;未来,我们一起分享成功的喜悦。

主题切换有个问题,就是如果是我们自定义或者在 build() 自己创建的部件是不会随着系统的主题切换而发生主题色变化的(实际测试中,如果页面在顶层(没有被push)切换主题并不会触发 build() 方法,(push之后的页面切换系统主题是可以触发 build() 的,而且会频繁触发好多次...),既然无法通过重新 build 更新组件的主题色,那么我们在切换主题后,强制触发整个app的 build() 就可以了)

Flutter 切换指定版本

查看所有分支和当前分支

切换 到指定分支。 例如

查看所有版本

切换 到指定版本。 例如

更新到最新版本

cd到自己的flutter目录下

执行。git reset --hard id

这是1.20.4的id

git reset --hard fba99f6cf9a14512e461e3122c8ddfaa25394e89

这是2.5.1的id

git reset --hard ffb2ecea5223acdd139a5039be2f9c796962833d

这是1.22.4的id

git reset --hard 1aafb3a8b9b0c36241c5f5b34ee914770f015818

这是1.22.3的id

git reset --hard 8874f21e79d7ec66d0457c7ab338348e31b17f1d

flutter git地址

找commit id 的手顺

Flutter(二)StatefulWidget基础组件

MaterialApp 是我们app开发中常用的符合MaterialApp Design设计理念的入口Widget。MaterialApp这个组件里面的参数比较多,而且一般在应用入口会用到,所以这里把它内部的所有参数都列出来了

基本用法:

可以看到我们在 App 的最外层直接使用了 MaterialApp ,可以指定App的名称( title ),App的主题样式( theme ),首页的组件( home ),路由跳转配置)( routes ),关于路由跳转我们在后面的章节中会介绍

Scaffold 实现了基本的 Material Design 布局结构, Scaffold 在英文中的解释为角手架,我们可以理解为楼体中的钢架结构,通过它可以构建一个页面

在Flutter应用开发中,我们可以将 Scaffold 理解为一个布局的容器。可以在这个容器中绘制我们的用户界面

下面是 MaterialApp + Scaffold 的组合的基本用法

AppBar 就是顶部的导航栏组件,支持自定义标题,左右两侧的工具栏按钮等

BottomNavigationBar 是底部的菜单栏组件

使用方法:

一般我们会定义一个全局变量如 _currentIndex 用于记录当前选中的下标。然后在 onTap 属性的回调方法中调用

setState(() { _currentIndex = index;}); 更新 _currentIndex 就可以实现底部菜单的切换。 BottomNavigationBar 一般会配合 BottomNavigationBarItem 一起使用(如下所示)

RefreshIndicator 是Flutter中的下拉刷新组件,一般配合 ListView 组件一起使用

Image 就类似于android中的 ImageView ,可以自定义图片显示的宽高

从网络中加载图片

从本地(File文件)加载图片

从本地资源加载图片

可以将byte数组加载成图片

TextField 就类似于android的 EditText

PageView 就类似于android中的 ViewPager

Flutter 四种工程类型及Flutter项目类型切换

标准的Flutter App工程,包含标准的Dart层与Native平台层

Flutter平台插件工程,包含Dart层与Native平台层的实现

Flutter纯Dart插件工程,仅包含Dart层的实现,往往定义一些公共Widget

参考资料:


当前名称:flutter切换菜单,flutter长按弹出菜单
网址分享:http://cqcxhl.com/article/dsipjpo.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP