Play Flutter Quiz. Click here .

How to add a border to only one part of the container in Flutter?

This Article is posted by at 06-12-2018 01:23:54

In this article, I'm going to show you how to add a border to only one or few parts of the container in Flutter?

This is how the final output is going to look.

Here is the code to achieve this,

import 'package:flutter/material.dart';

void main() {

class MyApp extends StatelessWidget {
Widget build(BuildContext context) {
return Center(
child: Container(
child: Text(
"This is a Boder with One Side",
textDirection: TextDirection.ltr,
style: TextStyle(color:,
padding: EdgeInsets.symmetric(vertical: 100.0, horizontal: 100.0),
decoration: BoxDecoration(
border: Border(
top: BorderSide(width: 16.0, color: Colors.lightBlue.shade600),
bottom: BorderSide(width: 16.0, color: Colors.lightBlue.shade900),
color: Colors.white,


Tags: How to add a border to only one part of the container in Flutter?; border class; borderside class;

Login to comment.

Recent Comments

Be the first to Comment. You can ask a Query or Share your toughts or Just say thanks.

© 2018 - Fluttercentral | Email to me -

Terms | Privacy