0
votes

Flotter comment puis-je arrondir un conteneur du milieu

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 xxx

comme ça Entrez la description de l'image ici


0 commentaires

3 Réponses :


1
votes

Vous pouvez arrondir un conteneur à l'aide d'un boxdecoration et d'appliquer un boxshape.circle à celui-ci: xxx

Ceci a produit ce qui a été produit. écran: Entrez la description de l'image ici


4 commentaires

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.



1
votes

Vous pouvez utiliser la pile widget pour placer les widgets

Voici exactement ce dont vous avez besoin xxx

espère que cela aidera


0 commentaires

1
votes

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é.

Entrez la description de l'image ici p>

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")),
        ),
      ],
    );


0 commentaires