Ребята, как сделать равный отступ элементов а карусели? List<String>

filterKeywords = [
"Beer",
"Fun",
"Life Music",
"Cosy",
"Engaging"
];



Padding(
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 10),
child: CarouselSlider(
options: CarouselOptions(
height: 35.0,
autoPlay: true,
viewportFraction: 0.3,
),
items: filterKeywords.map((keyword) {
return KeywordsWidget(keyword: keyword);
}).toList(),
),
),



class KeywordsWidget extends StatelessWidget {
const KeywordsWidget({super.key, required this.keyword});

final String keyword;

@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 10), // Reduced horizontal padding
decoration: BoxDecoration(
color: const Color.fromARGB(255, 40, 89, 145),
borderRadius: BorderRadius.circular(10.0),
),
child: Text(
keyword,
style: const TextStyle(color: Colors.white, fontSize: 16),
),
);
}
}

У тебя какой-то не понятный вопрос. Что именно? Какое расположение? Какие элементы, если ты показываешь один элемент?

элементы между собой, имеют не равнную дистанцию в каресули

Удали цифровые значения, используй дефолтное поведение. Там есть свойство, что бы все рядом были. Возможно в него и свое значение внести можно

Фифровые типо: height: 35.0, viewportFraction: 0.3,