Во Flutter существует несколько способов применить радиус границы к виджету карты. Вот несколько методов, которые вы можете использовать:
-
Метод 1. Использование свойства формы
Card( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(10.0), ), // Other card properties ) -
Метод 2. Обертывание карточки виджетом ClipRRect
ClipRRect( borderRadius: BorderRadius.circular(10.0), child: Card( // Card content ), ) -
Метод 3. Использование пользовательского BoxDecoration с borderRadius
Card( elevation: 4.0, shape: RoundedRectangleBorder( borderRadius: BorderRadius.zero, ), margin: EdgeInsets.all(10.0), child: Container( decoration: BoxDecoration( borderRadius: BorderRadius.circular(10.0), color: Colors.white, // Other box decoration properties ), // Card content ), ) -
Метод 4. Создание пользовательского виджета «Карточка» с borderRadius
class CustomCard extends StatelessWidget { final double borderRadius; final Widget child; const CustomCard({ Key? key, required this.borderRadius, required this.child, }) : super(key: key); @override Widget build(BuildContext context) { return Card( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(borderRadius), ), child: child, ); } } // Usage CustomCard( borderRadius: 10.0, child: Container( // Card content ), )