J'ai 2 conteneurs, j'ai besoin de rounder 1 conteneur de mi-bas et d'autres à partir de mi-haut afin de créer un cercle entre 2 conteneurs afin que je puisse ajouter du texte ici. Quelqu'un peut-il s'il vous plaît dire comment il est possible
3 Réponses :
Vous pouvez arrondir un conteneur à l'aide d'un boxdecoration CODE> et d'appliquer un boxshape.circle code> à celui-ci:
Mais j'ai besoin de créer un cercle au milieu du conteneur et non de leurs côtés. Vous pouvez voir l'image
Il n'y a pas de moyen de ne tourner qu'une partie, comme le milieu, d'un conteneur. Ma suggestion pour cela serait d'utiliser une pile au lieu d'une colonne et de superposer un conteneur de cercle sur un conteneur formant la ligne horizontale noire dans votre capture d'écran pour obtenir le même effet.
Pouvez-vous s'il vous plaît donner un exemple de comment puis-je ajouter ce tour entre 2 conteneurs avec pile?
Mise à jour de mon message avec un exemple et le résultat. J'espère que cela vous aide, je suis imputé à la hauteur de l'AppBar dans mon exemple, mais vous semblez déjà avoir votre disponible pour que vous puissiez l'utiliser.
Vous pouvez utiliser la pile widget pour placer les widgets
Voici exactement ce dont vous avez besoin p> espère que cela aidera p> p>
Comme indiqué avant que la solution puisse être le widget de pile. En dessous d'une solution possible. Vous pouvez changer la couleur de la pièce centrale de la même couleur de l'arrière-plan afin d'obtenir l'effet souhaité.
Stack(
alignment: Alignment.center,
children: <Widget>[
Column(mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[
Container(
width: MediaQuery.of(context).size.width * 0.9,
color: Colors.blue,
height: 200),
Container(
width: MediaQuery.of(context).size.width * 0.9,
height: 20,
color: Colors.black),
Container(
width: MediaQuery.of(context).size.width * 0.9,
color: Colors.red,
height: 200),
]),
Container(
width: 100,
height: 100,
decoration: BoxDecoration(
color: Colors.black,shape: BoxShape.circle),
child: Center(child: Text("or")),
),
],
);