We can use Container border,
```dart
body: GridView.count(
crossAxisCount: 3,
children: [
...List.generate(
9,
(index) => Container(
decoration: BoxDecoration(
border: Border.all(
width: 3,
color: Colors.blue,
),
),
alignment: Alignment.center,
child: GridView.count(
physics: NeverScrollableScrollPhysics(),
crossAxisCount: 3,
children: [
...List.generate(
9,
(index) => Container(
decoration: BoxDecoration(
border: Border.all(
width: 1,
color: Colors.grey,
),
),
alignment: Alignment.center,
child: GridView.count(
crossAxisCount: 3,
),
),
)
],
),
),
)
],
),
```
[![enter image description here][1]][1]
[1]: https://i.stack.imgur.com/uj8kZ.png
You can use the below code to make a rounded button with a gradient color.
Container(
width: 130.0,
height: 43.0,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(30.0),
gradient: LinearGradient(
// Where the linear gradient begins and ends
begin: Alignment.topRight,
end: Alignment.bottomLeft,
// Add one stop for each color. Stops should increase from 0 to 1
stops: [0.1, 0.9],
colors: [
// Colors are easy thanks to Flutter's Colors class.
Color(0xff1d83ab),
Color(0xff0cbab8),
],
),
),
child: FlatButton(
child: Text(
'Sign In',
style: TextStyle(
fontSize: 16.0,
fontFamily: 'Righteous',
fontWeight: FontWeight.w600,
),
),
textColor: Colors.white,
color: Colors.transparent,
shape:
RoundedRectangleBorder(borderRadius: BorderRadius.circular(30.0)),
onPressed: () {
},
),
);