首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Flutter OverlayEntry不接受宽度和高度

Flutter OverlayEntry是Flutter框架中的一个类,用于在屏幕上创建一个浮动的覆盖层。它可以用于实现一些特殊的界面效果,例如弹出菜单、悬浮按钮等。

OverlayEntry类的构造函数中并没有直接接受宽度和高度的参数。这是因为OverlayEntry的大小是由其child的大小决定的。你可以通过设置child的宽度和高度来控制OverlayEntry的大小。

在创建OverlayEntry时,你可以使用OverlayEntry.builder属性来指定一个builder函数,该函数返回一个Widget作为OverlayEntry的child。在builder函数中,你可以创建任意的Widget,并设置其宽度和高度,然后将其作为child返回。

例如,以下是一个使用OverlayEntry创建一个悬浮按钮的示例:

代码语言:txt
复制
OverlayEntry _createOverlayEntry() {
  return OverlayEntry(
    builder: (BuildContext context) {
      return Positioned(
        top: 100.0,
        right: 16.0,
        child: FloatingActionButton(
          onPressed: () {
            // 按钮点击事件
          },
          child: Icon(Icons.add),
        ),
      );
    },
  );
}

在上面的示例中,我们通过builder函数创建了一个悬浮按钮,并设置了其位置和大小。然后将其作为child返回,并将其放置在屏幕的指定位置。

需要注意的是,OverlayEntry需要添加到Overlay中才能生效。你可以使用Overlay.of(context).insert(entry)方法将OverlayEntry添加到Overlay中。

总结起来,Flutter OverlayEntry不直接接受宽度和高度参数,而是通过设置其child的宽度和高度来控制其大小。你可以使用builder函数创建任意的Widget,并设置其宽度和高度,然后将其作为child返回。最后,记得将OverlayEntry添加到Overlay中才能生效。

腾讯云相关产品和产品介绍链接地址:

  • 腾讯云Flutter开发平台:https://cloud.tencent.com/product/flutter
  • 腾讯云移动应用托管服务:https://cloud.tencent.com/product/baas
  • 腾讯云移动推送服务:https://cloud.tencent.com/product/tpns
  • 腾讯云移动直播服务:https://cloud.tencent.com/product/mlvb
  • 腾讯云移动智能分析服务:https://cloud.tencent.com/product/mia
  • 腾讯云移动混合云服务:https://cloud.tencent.com/product/mix
  • 腾讯云移动测试服务:https://cloud.tencent.com/product/mts
  • 腾讯云移动安全服务:https://cloud.tencent.com/product/msp
  • 腾讯云移动游戏服务:https://cloud.tencent.com/product/mgs
  • 腾讯云移动物联网服务:https://cloud.tencent.com/product/iotexplorer
  • 腾讯云移动智能硬件服务:https://cloud.tencent.com/product/iotdevice
  • 腾讯云移动智能家居服务:https://cloud.tencent.com/product/iotexplorerhome
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

JavaScript、Jquery获取屏幕的宽度高度

在日常的项目中经常需要获取屏幕的宽度或者高度,简单记录一下: Javascript方法获取: document.body.clientWidth //网页可见区域宽 document.body.clientHeight...window.screen.availWidth //屏幕可用工作区宽度 JQuery方法获取: ($(window).height()); //浏览器当前窗口可视区域高度 ($(document)....height()); //浏览器当前窗口文档的高度 ($(document.body).height());//浏览器当前窗口文档body的高度 ($(document.body).outerHeight...(true));//浏览器当前窗口文档body的总高度 包括border padding margin ($(window).width()); //浏览器当前窗口可视区域宽度 ($(document)....width());//浏览器当前窗口文档对象宽度 ($(document.body).width());//浏览器当前窗口文档body的宽度 ($(document.body).outerWidth(

5.2K00

js获得浏览器高度宽度 参数

==> 可见区域高度 在FireFox中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度...document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度...==> 页面对象宽度(即BODY对象宽度加上Margin宽) document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)...(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高) Opera为: document.documentElement.clientWidth...==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高) /

6.1K41

微信小程序-自动适配屏幕高度宽度

微信小程序里面的heightwidth有几种单位,分别是 rpx px vh vw。.../dev/api/base/system/system-info/wx.getSystemInfo.html wx.getSystemInfo(Object object) 可获取系统信息,屏幕的高度可使用的高度以及宽度.../length/vh.htm wvh是css3中的新单位,是一种视窗单位,在小程序中也同样适用。...小程序中,窗口宽度固定为100vw,将窗口宽度平均分成100份,1份是1vw 小程序中,窗口高度固定为100vh ,将窗口高度平均分成100份,1份是1vh 所以,我们在小程序中也可以使用vw、vh作为尺寸单位使用在布局中进行布局...实例代码,需要2个view元素在屏幕中间高度各占比47%,宽度98%; .header { witdh: 98%; height: 47vh; }

11.4K41

Flutter EasyLoading - 让全局ToastLoading更简单

框架,可以快速地在iOS、AndroidWeb平台上构建高质量的原生用户界面。...indicatorSize; /// loading的圆角大小, 默认5.0. double radius; /// 文本大小, 默认15.0. double fontSize; /// 进度条指示器的宽度...Flutter EasyLoading 的实现 本文将通过以下两个知识点来介绍Flutter EasyLoading的主要实现过程及思路: Overlay、OverlayEntry实现全局弹窗 CustomPaint...willChange:isComplex配合使用,当启用缓存时,该属性代表在下一帧中绘制是否会改变。 可以看到,绘制时我们需要提供前景或背景画笔,两者也可以同时提供。...而且可以配置画笔的各种属性如粗细、颜色、样式等,比如: final paint = Paint() ..color = color // 颜色 ..strokeWidth = width // 宽度

4.8K11

解决Android中自定义DialogFragment解决宽度高度问题

2、 好处与用法 使用DialogFragment来管理对话框,当旋转屏幕按下后退键时可以更好的管理其声明周期,它Fragment有着基本一致的声明周期。...且DialogFragment也允许开发者把Dialog作为内嵌的组件进行重用,类似Fragment(可以在大屏幕小屏幕显示出不同的效果)。...下面通过示例代码给大家介绍下Android中自定义DialogFragment解决宽度高度问题 Android中自定义DialogFragment解决宽度高度问题但是我们很多时候想把DialogFragment...的高度固定,那么我们需要设置DialogFragment的高度,在Fragment的onResume()声明周期方法中设置window的宽高即可。...fromYDelta="0%p" android:toYDelta="100%p" / </set 总结 以上所述是小编给大家介绍的解决Android中自定义DialogFragment解决宽度高度问题

4.3K20

用R来拼图排版,告别AIPS(二):调节宽度高度

前面我们简单给大家介绍了如何使用R包patchwork来拼图排版,今天我们接着来探讨,如何在拼图排版的时候调节图片的宽度高度,使最后的图片层次鲜明,重点突出。...调节高度 如果你搞清楚了宽度的调节,那么高度的调节就很容易理解了 p1/p2+plot_layout(heights = c(2, 1)) 来看看两行两列的时候,改变高度是什么效果 p1+p2+p3...3.同时调节高度宽度 p1+p2+p3+p4+plot_layout(widths = c(2, 1),height=c(2,1)) 其实就是合并了前面两个例子,应该也很容易理解。...4.结合空白占位图来调节宽度高度 有时候为了图片的美观,或者为了突出重点图,我们需要结合使用空白占位图。...下面我们同时来改变宽度高度 (plot_spacer()+p1+plot_spacer()+ plot_layout(widths = c(1,4,1)) ) / (p2+p3+p4) +

56320

js 获取浏览器高度宽度值(多浏览器)

==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中: document.body.clientWidth =...=> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度...==> 可见区域高度 document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽) document.documentElement.clientHeight...==> 页面对象高度(即BODY对象高度加上Margin高) Opera为: document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上...scrollLeft:设置或获取位于对象左边界窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度

7.6K80

js 获取浏览器高度宽度值(多浏览器)

==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中: document.body.clientWidth...==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度...document.body.clientHeight ==> 可见区域高度 document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin...(即BODY对象宽度加上Margin宽) document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高) Opera为:...scrollLeft:设置或获取位于对象左边界窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度

10.4K60
领券