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
GestureDetector
alIconButton
y agregar una devolución de llamadaonTap
. Dentro de la devolución de llamadaonTap
, puede agregar unsetState
para cambiar el color delIconButton
cuando se hace clic. También puede agregar una animación alIconButton
para 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(),
),
)