it-swarm.com.de

Wie aktualisiere ich die Höhe und Breite von TextField?

Wie passt man die Höhe und Breite des TextField-Layouts in Flutter an?

20

Um die Breite anzupassen, können Sie Ihr TextField mit einem Container Widget umschließen:

new Container(              
  width: 100.0,
  child: new TextField()
)

Ich bin mir nicht sicher, wonach Sie suchen, wenn es um die Höhe des TextField geht, aber Sie könnten sich auf jeden Fall das TextStyle -Widget ansehen, mit dem Sie das fontSize und/oder height

new Container(              
  width: 100.0,
  child: new TextField(                                 
    style: new TextStyle(
      fontSize: 40.0,
      height: 2.0,
      color: Colors.black                  
    )
  )
)

Beachten Sie, dass das height im TextStyle ein Multiplikator der Schriftgröße ist, wie in den Kommentaren zur Eigenschaft selbst angegeben:

Die Höhe dieses Texts beträgt ein Vielfaches der Schriftgröße.

Wenn dieser Wert auf das Stammverzeichnis [TextSpan] angewendet wird, wird die Zeilenhöhe, dh der Mindestabstand zwischen nachfolgenden Textbasislinien, als Vielfaches der Schriftgröße festgelegt.

Zu guter Letzt möchten Sie vielleicht einen Blick auf die Eigenschaft decoration von Ihnen TextField werfen, die Ihnen viele Möglichkeiten bietet

EDIT: So ändern Sie den Innenabstand/Rand des TextField

Sie könnten mit der Eigenschaft InputDecoration und der Eigenschaft decoration von TextField herumspielen. Zum Beispiel könnten Sie so etwas tun:

new TextField(                                
    decoration: const InputDecoration(
        contentPadding: const EdgeInsets.symmetric(vertical: 40.0),
    )
)
29
Mikolaj Kieres

Sie können die Eigenschaft margin im Container testen. Wickeln Sie das Textfeld in einen Container und passen Sie die Eigenschaft margin an.

                      new Container(
                      margin: const EdgeInsets.only(right: 10, left: 10),
                      child: new TextField(

                        decoration: new InputDecoration(
                            hintText: 'username',
                            icon: new Icon(Icons.person)),
                      )),
1
shahana kareen