Блог

мне нужна помощь, мне нужно действие, которое переключается на новый контейнер при нажатии кнопки, а также мне нужна анимация при переходе

это то, что у меня есть сейчас

это то, что я хочу увидеть по щелчку

но я хочу, чтобы это сопровождалось анимацией и, конечно же, чтобы в ответе было указано, как осуществить переход, заранее спасибо

вот мой код:

 Container(  height: 133,  width: size.width * 0.9,  decoration: BoxDecoration(  color: PrimaryColors.primaryVariant,  borderRadius: BorderRadius.circular(15),  ),  child: Stack(  alignment: Alignment.centerRight,  children: [  Padding(  padding: const EdgeInsets.all(8.0),  child: Container(  height: 119,  width: size.width * 0.9,  decoration: BoxDecoration(  borderRadius: BorderRadius.circular(15),  color: PrimaryColors.secondary,  ),  child: Center(  child: Column(  children: const [  SizedBox(  height: 20,  ),  Icon(  Icons.content_paste_off,  size: 40,  color: Colors.black,  ),  Text(  'No information',  style: TextStyle(  color: Colors.black,  fontSize: 20,  fontWeight: FontWeight.w400,  ),  )  ],  ),  ),  ),  ),  ClipRect(  child: BackdropFilter(  filter: ImageFilter.blur(sigmaX: 5, sigmaY: 5),  child: GestureDetector(  onTap: () {},  child: Container(  height: 71,  width: 35,  decoration: BoxDecoration(  color: PrimaryColors.disabled.withOpacity(0.4),  //Colors.grey.shade200.withOpacity(0.5),  borderRadius: const BorderRadius.only(  bottomLeft: Radius.circular(15),  topLeft: Radius.circular(15),  ),  ),  child: const Icon(  Icons.chevron_right,  size: 45,  color: Color(0xFF9E9E9E),  ),  ),  ),  ),  ),  ],  ),  ),