Чтобы удалить пространство между столбцами во Flutter, вы можете использовать следующие методы:
-
Использование свойства
crossAxisAlignment:Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.start, children: [ Expanded( child: Container( color: Colors.red, height: 100, ), ), Expanded( child: Container( color: Colors.blue, height: 100, ), ), Expanded( child: Container( color: Colors.green, height: 100, ), ), ], )В этом примере для свойства
crossAxisAlignmentустановлено значениеCrossAxisAlignment.start. При этом дочерние элементыRowвыравниваются по верху, устраняя пространство между ними. -
Использование свойства
mainAxisSize:Row( mainAxisSize: MainAxisSize.min, children: [ Container( color: Colors.red, height: 100, ), Container( color: Colors.blue, height: 100, ), Container( color: Colors.green, height: 100, ), ], )При установке для
mainAxisSizeзначенияMainAxisSize.minRowбудет занимать минимально необходимое горизонтальное пространство, удаляя любое пространство между столбцами. -
Использование
SizedBox.shrink():Row( children: [ Container( color: Colors.red, height: 100, ), SizedBox.shrink(), Container( color: Colors.blue, height: 100, ), SizedBox.shrink(), Container( color: Colors.green, height: 100, ), ], )Вставив
SizedBox.shrink()междуКонтейнерами, вы можете эффективно удалить пространство между ними.