web-dev-qa-db-fra.com

Conteneur de force de flottement à la taille minimale

Je crée un widget personnalisé pour un contrôle de segment.

return Padding(
  padding: const EdgeInsets.symmetric(vertical: 20.0),
  child: Container(
    decoration: BoxDecoration(border: Border.all(color: Colors.blue)),
    child: Row(
      mainAxisSize: MainAxisSize.min,
      children: buttons,
    ),
  ),
);

Je veux que le conteneur rétrécisse à la taille minimale pour contenir ses enfants. Cependant, lorsque j'inclus le widget dans un parent, il se développe pour remplir le parent. Cela est visible car la bordure de la décoration est plus grande que les boutons.

Comment forcer le conteneur à rétrécir?

8
dakamojo

Pour que le conteneur ne prenne pas tout le parent, vous devez lui dire où il doit être placé dans le parent - par défaut, il ne sait pas où aller, il remplit donc le parent = D.

La manière la plus simple de procéder consiste à utiliser un widget Align ou Center . Je crois que vous voulez le mettre autour de votre Container dans ce cas, mais je ne suis pas sûr à 100%.

15
rmtmckenzie