main.dart
import 'package:flutter/material.dart';
void main() {
runApp(
MaterialApp(
theme: ThemeData(primarySwatch: Colors.green),
home: Scaffold(
appBar: AppBar(
title: const Text("Flutter - Card Circle Shape")
),
body: bodyContent()
)
)
);
}
bodyContent(){
return const Center(
child: SizedBox.square(
dimension: 300,
child: Card(
elevation: 6,
margin: EdgeInsets.all(12),
shape: CircleBorder(),
clipBehavior: Clip.antiAliasWithSaveLayer
)
)
);
}
More flutter tutorials
- flutter – How to make a Card clickable
- flutter – Card circle image
- flutter – Card circle image padding
- flutter – Card rounded corners image
- flutter – Container decoration image
- flutter – Container clip behavior
- flutter – How to use InkResponse
- flutter – Column full width
- flutter – Column align left
- flutter – Column center
- flutter – Column items equal height
- flutter – Column items stretch horizontally
- flutter – Column height wrap content
- flutter – Column align bottom right
- flutter – Column space evenly