Как установить равные пробелы между элементами в строке?

Я добавляю строку с дочерними элементами внутри [IconButton, Container-> Text, IconButton], но расстояние между первой иконкой и контейнером не равно расстоянию между контейнером и второй иконкой.

Row(
                       mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                      children: <Widget>[
                        IconButton(
                            onPressed: () {},
                            icon: Icon(
                              Icons.arrow_circle_left_rounded,
                              size: 55,
                              color: AppColor.purpleColor,
                            )),
                        Container(
                          width: 80,
                          decoration: BoxDecoration(
                              color: AppColor.purpleColor,
                              shape: BoxShape.circle),
                          child: Center(
                              child: Text('33',
                                  style: GoogleFonts.lateef(
                                    textStyle: TextStyle(
                                        color: AppColor.whiteColor,
                                        fontSize: 38),
                                  ))),
                        ),
                        IconButton(
                            onPressed: () {},
                            icon: Icon(
                              Icons.arrow_circle_right_rounded,
                              size: 55,
                              color: AppColor.purpleColor,
                            )),
                      ],
                    ),

Я пытался использовать mainAxisAlignment: MainAxisAlignment.spaceEvenly, также пробовал Spacer, SizedBox.. та же проблема..

Я хочу, чтобы пробелы были равны.

flutter dart

14.04.2023 05:07

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

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

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

проблема не в Row а в IconButton

попробуйте переместить значение размера из Icon в IconButton

import 'package:flutter/material.dart';

void main() {
  runApp(
    const MaterialApp(
      home: MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: <Widget>[
            IconButton(
                onPressed: () {},
                iconSize: 55,
                icon: const Icon(
                  Icons.arrow_circle_left_rounded,
                  color: Colors.purple,
                )),
            Container(
              width: 80,
              decoration: const BoxDecoration(
                color: Colors.purple,
                shape: BoxShape.circle,
              ),
              child: const Center(
                  child: Text(
                '33',
              )),
            ),
            IconButton(
                onPressed: () {},
                iconSize: 55,
                icon: const Icon(
                  Icons.arrow_circle_right_rounded,
                  size: 55,
                  color: Colors.purple,
                )),
          ],
        ),
      ),
    );
  }
}

14.04.2023 05:19

Другие вопросы по теме

Flutter дио как загрузить изображение

Как разместить половину виджета за пределами другого виджета во флаттере?

Как выполнить модульное тестирование асинхронного вызова функции внутри прослушивателя потока

Как удалить выбранный элемент из выпадающего поиска во Flutter

ListView доступен для просмотра в фоновом режиме

Как изменить функцию печати в Dart?

Я хочу показать разделитель после окончания текста. Он будет заканчиваться на одной строке, второй строке или третьей строке

Как скрыть постоянную панель навигации во флаттере на определенных экранах?

Я хочу знать, как показать заправочные станции в гугл картах флаттер

Исправление ширины экрана для флаттер-паутины

Как установить равные пробелы между элементами в строке?

Ответы 1

Другие вопросы по теме

Похожие вопросы