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,
            ),