CircleAvatar

 import "package:flutter/material.dart";


void main() {
runApp(const CircleApp(),);
}
class CircleApp extends StatelessWidget {
const CircleApp({super.key});

@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: "CircleAvatar in Flutter",
theme: ThemeData(
primarySwatch: Colors.blueGrey,
),
home: const CircleDemo(),
);
}
}
class CircleDemo extends StatefulWidget {
const CircleDemo({super.key});

@override
State<CircleDemo> createState() {
return CircleState();
}
}
class CircleState extends State<CircleDemo> {

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("CircleAvatar"),
),
body: Center(
child: Container(
width: 300.0,
height: 300.0,
child: CircleAvatar(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text("Oliver Sea", style: TextStyle(color: Colors.white, fontSize: 50.0, fontWeight: FontWeight.bold,),),
],
),
radius: 100.0,
backgroundImage: AssetImage("assets/images/oliver_sea.jpg",),
backgroundColor: Colors.grey,
),
),
),
);
}
}

Comments

Popular posts from this blog

Pagination with Bloc Pattern in Flutter

ExpansionPanel with ExpansionPanelList with Complete Collapse Operation in Flutter

Pagination First Practical in Flutter