第1、2种方式都已一个共同的缺陷：如果下拉筛选框在主界面的情况(底部几个tab ，点击tab 切换界面)，每个界面的顶部有下拉筛选框的情况下，下拉筛选框会遮挡不住底部的tab。本项目业务是几个下拉框数据是一个接口，需要根据选择的数据，实时刷新其他下拉框数据。获取具体组件在屏幕中的位置。

【代码】HarmonyOS ArkUi 字符串＜展开/收起＞功能。

效果图：BottomNavigationBar实现底部导航常用属性使用void main() => runApp(MyApp());class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {return MaterialApp(home...

Listview 常用属性reverse 和 shrinkWrap使用注意正常Listview 内容不够一屏（不设置 reverse 和 shrinkWrap属性）reverse = true默认falsescrollDirection = Axis.verticalfalse：布局从上倒下true：从下往上scrollDirection = Axis.horizo...

Card、AspectRatio、CircleAvatar、MaterialButton、Wrap 属性AspectRatioaspectRatio：宽高比aspectRatio: 7 / 8, // 设置宽高比源码：const AspectRatio({Key key,@required this.aspectRatio,Widget child...

路由分类Flutter的路由就是指界面眺转，在Flutter中通过Navigator组件管理路由导航。并提供了管理堆栈的方法。如：Navigator.push和Navigator.pop总体来说分两种方式：基本路由命名路由基本路由效果图：使用代码import 'package:flutter/material.dart';/*** 基本路由* */clas...

Row、Column常用属性线性布局有主轴和纵轴之分，如果布局是沿水平方向，那么主轴就是指水平方向，而纵轴即垂直方向；如果布局沿垂直方向，那么主轴就是指垂直方向，而纵轴就是水平方向线性布局中，有两个定义对齐方式的枚举类MainAxisAlignment和CrossAxisAlignment，分别代表主轴对齐和纵轴对齐Row和Column 参数一样，不同的是布局方向为垂直，主轴纵轴正好相反...

Flutter练习Drawer、UserAccountsDrawerHeader常用属性Drawerconst Drawer({Key key,this.elevation = 16.0,this.child,this.semanticLabel,}) : assert(elevation != null && elevat...

属性ContainerTextTextStyle使用import 'package:flutter/material.dart';import 'ContainerPage.dart';import 'TextPage.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget ...

使用方式属性网络图片、本地图片、项目中资源图片加载资源图片时要注意以下几点：需要创建一个images文件 和lib、ios、android 同一等级区分几倍图的话，可以在images下创建2.0x 、 3.0x、4.0x如下图：assets一定要与uses-material-design齐，直接放开注释会有一个空格的，直接编译会报错child: Image.ass...