xxxxxxxxxx
decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(10)))
xxxxxxxxxx
new Container(
height: 300.0,
color: Colors.transparent,
child: new Container(
decoration: new BoxDecoration(
color: Colors.green,
borderRadius: new BorderRadius.only(
topLeft: const Radius.circular(40.0),
topRight: const Radius.circular(40.0),
)
),
child: new Center(
child: new Text("Hi modal sheet"),
)
),
),
xxxxxxxxxx
Container(
height: 200.0,
color: Colors.transparent,
child: Container(
decoration: BoxDecoration(
color: Colors.red,
borderRadius: BorderRadius.only(
topLeft: const Radius.circular(20.0),
topRight: const Radius.circular(20.0),
)
),
child: Text("Text ...."),
),
),
xxxxxxxxxx
QUESTION: Flutter give container rounded border
ANSWER1:
Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
),
child:
),
ANSWER 2:
Container(
decoration: BoxDecoration(
border: Border.all(
color: Colors.red[500],
),
borderRadius: BorderRadius.all(Radius.circular(20))
),
child:
)
xxxxxxxxxx
Container(
decoration: BoxDecoration(
color: Colors.red,
borderRadius: BorderRadius.circular(radius),
),
),
xxxxxxxxxx
decoration: InputDecoration(
contentPadding: const EdgeInsets.all(8.0),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(5.0),
),
hintText: "0",
),
xxxxxxxxxx
Container(
width: screenWidth / 7,
decoration: BoxDecoration(
border: Border.all(
color: Colors.red[500],
),
),
child: Padding(
padding: EdgeInsets.all(5.0),
child: Column(
children: <Widget>[
Text(
'6',
style: TextStyle(
color: Colors.red[500],
fontSize: 25),
),
Text(
'sep',
style: TextStyle(
color: Colors.red[500]),
)
],
),
),
);
xxxxxxxxxx
ElevatedButton(
onPressed: () {
debugPrint('ElevatedButton Clicked');
},
child: Text('ElevatedButton'),
style: ElevatedButton.styleFrom(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),
),
)
xxxxxxxxxx
@override
Widget build(BuildContext context) {
return Container(
width: 242.7,
height: 150.0,
decoration: const BoxDecoration(
color: Color.fromRGBO(77, 77, 77, 1.0),
borderRadius: BorderRadius.all(
Radius.circular(22.0), // radius
),
),
);
}
xxxxxxxxxx
ElevatedButton(
onPressed: () {
debugPrint('ElevatedButton Clicked');
},
child: Text('ElevatedButton'),
style: ElevatedButton.styleFrom(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),
),
)