flutter中对底部弹框的应用

原创 已于 2024-01-28 20:42:52 修改 · 637 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#flutter

于 2024-01-28 20:41:47 首次发布
这篇文章分享了Flutter开发者的面试经验，包含实际面试中出现的难题以及解答，是准备Flutter面试的前端知识库参考资料。 
                    showModalBottomSheet(
                        context: context,
                        isDismissible: true,
                        isScrollControlled: false,
                        shape: RoundedRectangleBorder(borderRadius: BorderRadius.only(topLeft: Radius.circular(15), topRight: Radius.circular(15))),
                        builder: (BuildContext context) {
                          return ListView.builder(
                            itemBuilder: (context, index) {
                              return ListTile(
                                title: Text('老孟$index'),
                              );
                            },
                            itemExtent: 50,
                            itemCount: 50,
                          );
                        });

flutter面试题相关：flutter面试题 - 简书

Flutter 大厂面试真题（含答案）_前端知识库

Flutter-底部分享弹窗（showModalBottomSheet）
AiFlutter的博客
12-19 1059
来管理底部表单的状态。在定时器触发后，检查控制器是否存在并且未关闭，然后手动关闭底部表单。这样就可以在一秒后关闭底部表单，同时确保在定时器触发时不会重复创建底部表单。，它提供了对底部表单的更细粒度的控制。当弹窗正在展示的时候，就不会二次展示。
Flutter中GetX系列四--BottomSheet(底部弹框)
eastWind1101的博客
11-23 6350
BottomSheet,底部弹框,底部弹窗
Flutter 系统弹框
weixin_38397436的博客
05-16 1140
生成普通弹框 //其中build 定义返回widget ,所以可以自定义 showDialog(context: context, builder: builder) 生成底部弹框 showModalBottomSheet(context: context, builder: bottomBuilder) 关闭弹框 //关闭弹框 Navigator.pop(context); //关闭弹框时携带返回值 , 协同 async 和 await 关键字,由 showDialog | showModalBot
Flutter 底部弹框 showModalBottomSheet 使用Demo
代码小疯子
11-01 4598
Flutter 底部弹框 showModalBottomSheet 使用Demo
flutter中【底部弹出输入框】实现
season_26的博客
05-24 3438
图二，如果为return SizedBox给弹窗设置背景色为white，输入框看不清楚。子组件接收到这个函数，在对应位置调用这个函数，将内部值作为函数参数（父组件对该函数作具体规定，如对接收的参数作何处理等），父组件就拿到了弹窗内的值。图一，为return Container设置背景色为white，输入框的灰色十分明显。官网的两种示例，一种是直角弹窗，一种是圆角弹窗。，其背景色会覆盖弹窗的背景色设置，弹窗背景色就无法被看到。针对函数的封装，可以封装为一个类，也可以封装为单独的函数。
Flutter组件 底部ios弹框
Me_Ordinary的专栏
10-17 1080
showCupertinoModalPopup( context: context, builder: (context) { return CupertinoActionSheet( title: Text('提示', style: TextStyle(fontSize: 22),), //标题 message: Text('麻烦抽出几分钟对该软件进行评...
Flutter 项目实战 底部导航 六
我很好
01-02 7629
/ 生活中常部分app底部导航样式 /
flutter底部导航栏示例
weixin_42668920的博客
09-21 780
在 build 方法中，返回一个 MaterialApp 实例，设置了应用的标题为 ‘Flutter Windows Scaffold Example’，主题颜色为蓝色（通过 primarySwatch 属性设置为 Colors.blue），并指定了应用的首页 为 MyHomePage。总体来说，这段代码构建了一个具有抽屉（Drawer）和底部导航栏（BottomNavigationBar）的 Flutter 应用，通过点击底部导航栏的项可以改变页面主体文本的颜色，同时抽屉提供了一些额外的导航选项。
flutter 专题 五十三 Flutter 底部向上动画弹出菜单
m0_61164038的博客
02-16 731
上面是自定义向上弹出菜单的示例，如果要实现上面的效果，需要开发者对动画（AnimationController、Animation）和Flow组件能够很熟练的进行使用。，为了方便大家快速的进行开发，现在我们将它封装城一个组件，使用前需要添加如下插件依赖代码。除了上面这种线性的菜单外，扇形菜单或者圆形菜单也是比较常用的，例如下面是扇形菜单的示例代码。，而如果是向上的弹出菜单或者更加负责的扇形菜单，则需要开发者进行自定义开发。在移动应用开发中，我们经常会遇到弹出菜单的开发需求，对于下拉菜单可以参考。
软键盘弹出，所有布局顶上去（一般用于登录界面）
shadow_930的博客
07-16 2315
   主要用于解决软键盘弹出，遮盖登录按钮的问题，参考以下博文   https://blog.youkuaiyun.com/w372426096/article/details/52604545   对onGlobalLayout()做些修改 记得修改配置文件：android:windowSoftInputMode="stateHidden|adjustResize"...
ViewPager广告中的图片请求自网络，监听跳转至点击图片对应Url的webView
shadow_930的博客
05-13 1548
ViewPager广告工具类
项目中遇到的问题：去重以及webview关闭后有声音办法
shadow_930的博客
11-23 636
1.使用webview浏览有声音或者视频的网页，关闭后视频跟声音不停止的解决办法 （此处为转载http://blog.youkuaiyun.com/cuizm/article/details/42342505） 此问题绝对是不能够容忍的，于是上网搜索，这一搜索不要紧，原来遇到此问题的网友还不止笔者一人。查了一番之后发现，原来此问题应该归属于Android的bug，不太好修改。对于包含视频的网页，可以下
实现可滑可点的fragment，使上方的导航条随着fragment的切换而随之变动即滑动，导航条可自由滑动
shadow_930的博客
05-18 563
以下是布局文件，导航条使用了HorizontalScrollView进行包裹，其中的可点击按钮使用了radiogroup和其中的radiobutton     android:id="@+id/index_line"     android:layout_width="match_parent"     android:layout_height="wrap_content"
Flutter自定义组件： 为横向列表自定义“进度条”式滚动指示器
cj641809386的专栏
12-26 265
本文介绍了如何使用Flutter实现一个动态跟随列表滚动的自定义指示器。核心原理是通过NotificationListener监听ScrollNotification事件，结合ScrollController计算滚动比例（当前偏移量/最大可滚动距离），然后将该比例映射到指示器滑块的位移上。文章详细展示了构建横向列表和自定义指示器组件的实现步骤，包括使用Positioned控件动态计算滑块位置，并提供了完整的代码示例。最后还提出了进阶优化建议，如动态计算滑块宽度、添加缓动动画和封装组件等，使指示器效果更接近原
Flutter & OpenHarmony OA系统底部导航栏组件开发指南
最新发布
2501_94624478的博客
12-31 475
本文介绍了如何使用Flutter和OpenHarmony开发功能完善的底部导航栏组件。主要内容包括：1) 组件功能设计，支持图标文字展示、选中状态切换、角标提示和中间凸起按钮；2) Flutter实现方案，包含导航项数据模型、基础结构、普通导航项和特殊按钮的构建方法；3) OpenHarmony实现方案，定义导航项接口和组件基础结构。两种技术栈都实现了核心功能，包括选中状态视觉区分、角标提示和特殊按钮效果，为OA系统提供了高效的导航解决方案。
Flutter跨平台照片搜索库desktop_photo_search鸿蒙化使用指南
w13954856422的博客
12-29 674
摘要：desktop_photo_search是一款基于Flutter的跨平台桌面照片搜索应用，专为鸿蒙系统优化设计。该应用集成Unsplash API，提供高质量照片搜索功能，支持按关键词、方向、颜色等多条件筛选。具备Material Design和Fluent UI双界面风格，包含本地下载、丰富数据模型等特性。开发需配置OpenHarmony SDK 9+、Flutter 3.7.0+环境，通过Git引入依赖库。使用前需注册Unsplash开发者账号获取API密钥，并注意密钥安全保护。
Flutter&OpenHarmony下拉刷新与加载更多
2501_94444600的博客
12-27 986
本文介绍了在Flutter和OpenHarmony平台上实现列表下拉刷新和加载更多功能的方法。Flutter使用RefreshIndicator组件实现下拉刷新，结合ScrollController监听滚动位置实现加载更多；OpenHarmony则通过Refresh组件和List组件配合实现类似功能。两种平台都采用状态管理、异步加载和分页请求等技术方案，提供了流畅的用户体验和灵活的开发者控制选项。这些实现方式适用于笔记类应用的数据列表展示场景，能够有效提升应用的交互体验和性能表现。
Flutter跨平台聊天组件testchat鸿蒙化使用指南
2501_93816553的博客
12-29 863
Flutter for OpenHarmony聊天组件简介 testchat是一款专为OpenHarmony平台适配的Flutter跨平台聊天组件，提供完整的即时通讯解决方案。该组件具备多用户聊天界面、无限滚动列表和随机消息生成功能，完美适配OpenHarmony API 9+，支持鸿蒙设备特性。通过简单配置即可实现高效稳定的聊天功能，包括： 多用户独立消息样式 高性能无限滚动列表 原生鸿蒙系统深度集成 资源本地化和性能优化 开发者只需几行代码即可快速集成，适用于各种即时通讯类应用开发。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值