How to add a border to a widget in Flutter?

flutter dart flutter-widget
Seth Ladd picture Seth Ladd · Nov 21, 2017 · Viewed 207.1k times · Source

I'm using Flutter and I'd like to add a border to a widget (in this case, a Text widget).

I tried TextStyle and Text, but I didn't see how to add a border.

Answer

aziza picture aziza · Nov 21, 2017

You can add the TextField as a child to a Container that has a BoxDecoration with border property:

enter image description here

new Container(
  margin: const EdgeInsets.all(15.0),
  padding: const EdgeInsets.all(3.0),
  decoration: BoxDecoration(
    border: Border.all(color: Colors.blueAccent)
  ),
  child: Text("My Awesome Border"),
)

Related questions

Adding a splash screen to Flutter apps

How would you approach adding a splash screen to Flutter apps? It should load and display before any other content. Currently, there is a brief flash of color before the Scaffold(home:X) widget loads.

Read More
How to add a ListView to a Column in Flutter?

I'm trying to construct a simple login page for my Flutter app. I've successfully built the TextFields and log in/Sign in buttons. I want to add a horizontal ListView. When I run the code my elements disappear, if I …

Read More
Looking up a deactivated widget's ancestor is unsafe

I am new in Flutter and I am trying receive data with a Dialog. When a click in textField the error of image2 appear... show(BuildContext context){ var dialog = Dialog( child: Container( margin: EdgeInsets.all(8.0), child: Form( child: Column( mainAxisSize: …

Read More