Définir l'espace entre les Éléments dans la Ligne de Flottement

Code:

new Container(
          alignment: FractionalOffset.center,
          child: new Row(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: <Widget>[
              new FlatButton(
                child: new Text('Don\'t have an account?', style: new TextStyle(color: Color(0xFF2E3233))),
              ),
              new FlatButton(
                child: new Text('Register.', style: new TextStyle(color: Color(0xFF84A2AF), fontWeight: FontWeight.bold),),
                onPressed: moveToRegister,
              )
            ],
          ),
        ),

Et voici le résultat:

https://www.dropbox.com/s/sxklyutyvbbura8/Screenshot_20181104-150928.png?dl=0

Comment réparer que les deux FlatButton éléments sont côte à côte sans espace entre le centre de la largeur de l'écran?

vérifier, Flottement de Ligne/Colonne de la Feuille de Triche

InformationsquelleAutor marcelo.wdrb | 2018-11-04

La Suppression De L'Espace-:

new Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              GestureDetector(
                child: new Text('Don\'t have an account?',
                    style: new TextStyle(color: Color(0xFF2E3233))),
                onTap: () {},
              ),
              GestureDetector(
                onTap: (){},
                  child: new Text(
                'Register.',
                style: new TextStyle(
                    color: Color(0xFF84A2AF), fontWeight: FontWeight.bold),
              ))
            ],
          ),

GestureDetector(
            onTap: (){},
            child: new Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                new Text('Don\'t have an account?',
                    style: new TextStyle(color: Color(0xFF2E3233))),
                new Text(
                  'Register.',
                  style: new TextStyle(
                  color: Color(0xFF84A2AF), fontWeight: FontWeight.bold),
                )
              ],
            ),
          ),

Ils sont côte à côte, mais avec un trop grand espace entre les deux.
Mise à jour de la Réponse!
Rien n'a changé. Merci encore pour votre aide, mais pas de l'un de vos solutions de travail pour moi. J'ai cette étrange espace entre les deux FlatButtonss. D'autres solutions?
j'ai mis à Jour avec la Nouvelle Méthode, Aucun Espace n'est-Il maintenant entre.
Merci pour votre aide. Avec GestureDetector tout fonctionne très bien.
Un inconvénient de l'utilisation de GestureDetector, vous avez à gérer l'effet d'entraînement (bouton feedback) sur votre propre et sans avoir fait cela, vous finissez par avoir un bizarre UX

InformationsquelleAutor anmol.majhail

22

MainAxisAlignment

commencer - Placer les enfants en tant que proche du début de l'axe principal que possible.

fin - Placer les enfants au plus près du bout de l'axe principal que possible.

centre - Placer les enfants au centre de l'axe principal que possible.

spaceBetween - Place de l'espace libre de façon égale entre les enfants.

spaceAround - Place de l'espace libre de façon égale entre les enfants ainsi que la moitié de cet espace avant et après le premier et le dernier enfant.

spaceEvenly - Place de l'espace libre de façon égale entre les enfants ainsi qu'avant et après le premier et le dernier enfant.

Exemple:
```
  child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: <Widget>[
          Text('Row1'),
          Text('Row2')
        ],
      )
```
- C'est tellement utile! Merci!
- bienvenue........
InformationsquelleAutor Shelly Pritchard

Vous pouvez utiliser des Entretoises si tout ce que vous voulez, c'est un peu de l'espacement entre les éléments d'une ligne. L'exemple ci-dessous centres de 2 widgets de Texte dans une ligne avec un certain espacement entre eux.

    widget = Row (
    children: <Widget>[
      Spacer(flex: 20),
      Text(
        "Item #1",
      ),
      Spacer(),  //Defaults to flex: 1
      Text(
        "Item #2",
      ),
      Spacer(flex: 20),
    ]
  );

InformationsquelleAutor AlanKley

À l'aide de MainAxisAlignment.spaceBetween

  new Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: <Widget>[
      Text("Left"),
      Text("Right")
    ],
  ),

InformationsquelleAutor Pablo Cegarra

Essayer cette

Container(
      alignment: FractionalOffset.center,
      child: Row(
        children: <Widget>[
          Expanded(flex: 1, child: Container(),), //remove 1
           FlatButton(
            padding: EdgeInsets.all(0.0), //remove all padding from button 1
            onPressed: () {},
            child: new Text('Don\'t have an account?', style: new TextStyle(color: Color(0xFF2E3233))),
          ),
           FlatButton(
            child: new Text('Register.', style: new TextStyle(color: Color(0xFF84A2AF), fontWeight: FontWeight.bold),),
            onPressed: (){},
          ),
          Expanded(flex: 1, child: Container(),), //remove 2
        ],
      ),
    );

Vous pouvez supprimer 1 et 2 si vous ne voulez pas donner des espaces à gauche et à droite du bouton.

Rien n'a changé. L'espace entre les deux FlatButtons est de toute façon il y a, comme sur l'image dans ma Question.
J'ai un rembourrage supplémentaire dans la mise à jour de réponse, avez-vous essayer?

InformationsquelleAutor CopsOnRoad

Vous devez vous connecter pour publier un commentaire.