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

Second GET API Calling with Bloc simple Example in Flutter

Stack Container Scrollable Card widget UI with Custom Widget

Pagination with Bloc Pattern in Flutter