Блог

У меня есть виджет стека, и я хочу, чтобы контейнеры в виджете вели себя так же, как и расширенные в строке. Я не использую строку, так как мне нужен виджет AnimatedPositioned для моих анимаций. Это моя структура

   return Stack(
    alignment: Alignment.center,
    children: [
      for (int i = 0; i < state.list.length; i  )
        AnimatedPositioned(
          curve: Curves.easeOut,
          duration: Duration(milliseconds: 300),
          left: state.order[i] * height,
          child: SizedBox(
            width: height,
            height: height,
            child: DragTarget<Item>(
              builder: (context, list, list2) => Container(width: 100, height:100),
            ),
          ),
        )
    ],
  );
 

Так что теперь у меня есть это

Но я хочу, чтобы это было красиво и равномерно распределено в моей стопке

Так что прямо сейчас контейнеры переполняются в конце стека. Я хочу, чтобы они были равномерно распределены, как у вас, если бы они были развернуты в ряд. Поэтому, если бы я поместил стопку в контейнер большего размера, ширина контейнеров увеличилась бы, чтобы заполнить все доступное пространство, которое они могут получить.

Оказывается, мне просто нужно было обернуть свой стек с помощью компоновщика, использовать ширину ограничения и разделить ее на количество элементов, чтобы получить желаемый эффект.