![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
flutter
文章平均质量分 51
学习flutter
小白是大梦想家
这个作者很懒,什么都没留下…
展开
-
Flutter学习:Dialog
如果里面有点击事件,外部不能用const。使用场景:加入购物车选择规格等等。原创 2023-07-03 11:33:57 · 44 阅读 · 1 评论 -
Flutter学习:路由
Material组件库中提供了一个MaterialPageRoute组件,它可以使用和平台风格一致的路由切换动画如在ios上会左右滑动切换,而在Android上会上下滑动切换,CupertinoPageRoute是Cupertino组件库提供的iOS风格的路由切换组件,如果在Android上也想使用左右切换风格,可以使用CupertinoPageRoute.。比如我们现在想从HomePage组件跳转到SearchPage组件1、需要在HomPage中引入SearchPage.dart。原创 2023-06-30 16:26:01 · 239 阅读 · 0 评论 -
Flutter学习(BottomNavigationBar、FloatingActionButton、Drawer、AppBar、PreferredSize)
BottomNavigationBar 是底部导航条,可以让我们定义底部Tab切换,bottomNavigationBar是Scaffold组件的参数。FloatingActionButton简称FAB,可以实现浮动按钮,也可以实现类似闲鱼app的底部凸起导航。①混入SingleTickerProviderStateMixin。PreferredSize可以改变appBar的高度。③配置TabBar和TabBarView。②定义TabController。自定义顶部按钮图标、颜色。原创 2023-06-29 17:30:36 · 196 阅读 · 1 评论 -
Flutter组件学习(AspectRatio、Card、按钮组件、Wrap、有状态组件)
Wrap可以实现流布局,单行的Wrap跟Row表现几乎一致,单列的Wrap则跟Column表现几乎一致。AspectRatio首先会在布局限制条件允许的范围内尽可能的扩展,widget的高度是由宽度和比率决定的,类似于BoxFit中的contain,按照固定比率去尽量占满区域。基本上,CircleAvatar 不提供设置边框的属性,但是,可以将其包裹在具有更大半径和不同背景颜色的不同 CircleAvatar 中,以创建类似于边框的内容。statelessWidget是无状态组件,状态不可变的。原创 2023-06-28 17:24:50 · 173 阅读 · 1 评论 -
flutter组件学习(ListView、GridView、Row、Column、Flex Expanded、Stack)
注意:ListView直接加Container,默认垂直列表,宽度自适应,设置没有效果;scrollDirection:Axis.horizontal水平列表,Axis.vertical垂直列表。Stack相对于外部容器定位,如果没有外部容器,则相对于整个屏幕定位。Expanded组件一般用在Row,Column,Flex组件中。Positiond设置的高度和宽度是子组件的高度和宽度,不是自身的。列表分类:垂直列表,垂直图文列表,水平列表,动态列表。使用场景:用户中心,新闻列表等等。原创 2023-06-27 17:15:51 · 279 阅读 · 1 评论 -
flutter组件学习(Image、Icon)
repeatX:x轴平铺。repeatY:y轴平铺。Boxfit.cover:图片充满整个容器,不变形,显示可能拉伸,可能裁切,充满。①Container组件实现:设置宽高,使用decoration的borderRadius属性,值为宽高的一半。②ClipOval组件实现:直接使用,设置图片宽高相等,设置填充方式即可实现。圆形图片实现方法:(一般使用第二种即ClipOval组件实现)Image.network("src"):远程图片。Image.asset("src"):本地图片。原创 2023-06-26 16:48:19 · 375 阅读 · 1 评论 -
flutter组件学习(Container、Text)
属性如下:属性运用:属性如下属性运用:原创 2023-06-26 10:31:35 · 57 阅读 · 1 评论 -
Flutter报错:Waiting for another flutter command to release the startup lock
命令还未结束,又执行了另外一个 flutter 命令,或者刚启动项目时,项目还没有加载完毕,执行了一个 flutter 命令。若删除不掉,需要在进程管理器中停止 dart.exe的进程,然后再次尝试进行删除。翻译:等待另一个flutter命令释放启动锁,也就是上一个。进程管理器:鼠标放在任务栏,右击,选择 任务管理器 打开。4、此时可在命令行再执行flutter相关命令。2、打开flutter sdk按路径找到。3、删除lockfile文件。1、关闭vscode。原创 2023-06-25 10:22:10 · 7297 阅读 · 2 评论