Play Flutter Quiz. Click here .

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

This Article is posted by seven.srikanth@gmail.com 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() {
runApp(MyApp());
}

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Center(
child: Container(
child: Text(
"This is a Boder with One Side",
textDirection: TextDirection.ltr,
style: TextStyle(color: Colors.black),
),
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,
),
),
);
}
}



Thanks,
Srikanth

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




0 Comments
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 - Seven.srikanth@gmail.com

Terms | Privacy