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