Блог

Текущая анимация всплеска занимает много времени, чтобы покрыть все тело, если кнопка имеет большую ширину (это можно наблюдать при длительном нажатии, а анимация ограничена небольшой областью касания при коротком нажатии). Есть ли какой-либо способ ускорить анимацию заставки и охватить всю кнопку независимо от того, где вы касаетесь?

Смотрите прикрепленный gif, где анимация заставки медленно покрывает кнопку при длительном нажатии. Как сделать так, чтобы анимация заставки покрывала всю кнопку быстрее?

 final Color darkBlue = Color.fromARGB(255, 18, 32, 47);

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark().copyWith(scaffoldBackgroundColor: darkBlue),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: ElevatedButton(child: Container(
      padding: const EdgeInsets.symmetric(horizontal: 90, vertical: 32),
      child:Text('Click me')), onPressed: () {}),
        ),
      ),
    );
  }
}
 

Здесь я пытался это сделать, пожалуйста, проверьте.

 ElevatedButton(
          child: Text(text),
          style: ButtonStyle(
            overlayColor:MaterialStateProperty.all(Color(0xff727272)) ,//change with your color
              shape: MaterialStateProperty.all(RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(10),
              ))),
          onPressed: (){},
        ),