У меня стоит кнопка ElevatedButton, при нажатии на которую меняется картинка. Сейчас там дефолтная анимация, которую я пытаюсь убрать. Пытаюсь поменять эту анимацию на эффект крутящегося кубика, чтобы при нажатии какое-то время «тасовались» все картинки, пока не остановится на одной, но нет идей, гугл не помогает.
class TrendlState extends StatefulWidget {
const TrendlState({Key? key}) : super(key: key);
@override
State<TrendlState> createState() => _TrendlStateState();
}
class _TrendlStateState extends State<TrendlState> {
int TrendlLetter = Random().nextInt(4) + 1;
@override
Widget build(BuildContext context) {
return Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
const Text('Press it to roll',
style: TextStyle(
fontSize: 30.0,
color: Colors.white,
fontFamily: 'Montserrat'),
),
SizedBox(
height: 20.0,
),
Center(
child: ElevatedButton(
child: Image.asset('images/frame$TrendlLetter.png'),
style: ElevatedButton.styleFrom(
splashFactory: NoSplash.splashFactory,
shape: new RoundedRectangleBorder(
borderRadius: new BorderRadius.circular(60.0),
),
primary: Colors.black45,
fixedSize: const Size(
250,
250,
),
),
onPressed: () {
setState((){
TrendlLetter = Random().nextInt(4) + 1;
});
print('THE BUTTON WORKS');
}),
),