zoukankan      html  css  js  c++  java
  • flutter 填坑3 在使用Overlay时, Text组件出现黄色下划线, 蒙层,GestureDetector响应范围, Material自带白色背景色

    Text组件出现黄色下划线
    不使用Material相关的组件包裹Text组件,会出现Text自动带黄色下划线的情况,
    解决方案
    1: 使用 Material组件包裹
        Material(child:Text(''));
    2:使用Scaffold组件包裹
        Scaffold(body:Text(''));
    3:编辑样式
        Text(
          '',
          style: TextStyle(
            decoration: TextDecoration.none,
          ),
        );

    Flutter蒙层

    核心内容Overlay, OverlayEntry

        OverlayState _overlayState = Overlay.of(context);
        OverlayEntry _overlayEntry = OverlayEntry(builder: (context){
          return Text(''); // 返回需要添加的蒙层
        });
        _overlayState.insert(_overlayEntry);
        _overlayEntry?.remove();

    Material组件自带白色背景色,需要透明色的情况需要设置透明色

                Material(
                  color: Colors.transparent,
                  child: Text('data'),
                )

    GestureDetector响应范围小,有两种方案:1设置透明背景色,2更改点击的行为模式

                GestureDetector(
                  behavior:HitTestBehavior.translucent,
                ),
  • 相关阅读:
    前言
    上传图片
    创建数据库
    HttpPostedFile类的使用方法
    C#中virtual和abstract的区别
    C#中new的用法,及与override的区别
    jQuery使用clone克隆元素
    JavaScript使用delete删除属性
    Docker的简单使用
    低版本SqlServer将查询结果转成JSON字符串
  • 原文地址:https://www.cnblogs.com/jisa/p/13840994.html
Copyright © 2011-2022 走看看