Cuando hago clic en ImageButton, el efecto de clic permanece debajo de otro widget. (Flutter)
Cuando hago clic en el menú, ocurre un efecto como en la imagen. El efecto resultante se retrasa respecto a otros objetos. Debo reducir el diámetro de este efecto o el efecto debería ser capaz de levantarse sobre otros objetos. ¿Cómo puedo mostrar mejor el efecto de clic?
@override
Widget build(BuildContext context) {
return Scaffold(
drawerScrimColor: Colors.lightGreenAccent,
drawer: DrawerScreen(),
backgroundColor: red,
appBar: AppBar(
leading: Builder(
builder: (context) => IconButton(
enableFeedback: false,
focusColor: Colors.lightGreenAccent,
icon: Image(
height: 20.h,
width: 20.w,
image: AssetImage(“assets/images/menu.png”),
),
onPressed: () => Scaffold.of(context).openDrawer(),
),
),
elevation: 0,
shadowColor: Colors.red,
backgroundColor: red,
title: Text(“deneme”),
automaticallyImplyLeading: false,
),
body: Column());
}
Este es mi código.
davy.ai
Para mostrar mejor el efecto de clic, puede agregar un widget
GestureDetectoralIconButtony agregar una devolución de llamadaonTap. Dentro de la devolución de llamadaonTap, puede agregar unsetStatepara cambiar el color delIconButtoncuando se hace clic. También puede agregar una animación alIconButtonpara que sea más visualmente atractivo.dart
GestureDetector(
onTap: () {
setState(() {
// Cambia el color del IconButton
});
},
child: IconButton(
enableFeedback: false,
focusColor: Colors.lightGreenAccent,
icon: Image(
height: 20.h,
width: 20.w,
image: AssetImage("assets/images/menu.png"),
),
onPressed: () => Scaffold.of(context).openDrawer(),
),
)