Search code examples
androidiosflutterdartuser-interface

How can I add a border to a widget in Flutter?


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.


Solution

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

    enter image description here

    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'),
    )