CircleAvatar Kullanımı

CircleAvatar, görsellerinizi profil resmi görünümü tarzında yapmaya yarar. Yani bir daire gibi göstermenize olanak sağlar. Çok basit bir şekilde kullanabilirsiniz. Bazı parametreleri şunlardır:

• radius: Dairenin büyüklüğünü buradan ayarlayabilirsiniz.

• backgroundImage: CircleAvatar kullanırken görselinizi bu kısma tanımlamalısınız. Doğru bir görünüm elde etmek için bu kısmı kullanmalısınız. Bu kısım NetworkImage("url") olarak destek sağlamaktadır. Url kısmına görselinizin dosya uzantısını yazmalısınız. Eğer lokal bir resim kullanıyorsanız AssetImage("url") olarak kullanmalısınız. Image.network veya Image.asset burada kullanılamaz.

Kullanım Örneği

import 'package:flutter/material.dart';
import 'package:flutter_egitimi/core/base/base_state.dart';

class CircleAvatarWidget extends StatelessWidget with BaseState {
  CircleAvatarWidget({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
          centerTitle: false,
          title: Text("Circle Avatar Kullanımı", style: TextStyle(color: colorConstant.white)),
          backgroundColor: colorConstant.maroon,
          iconTheme: IconThemeData(color: colorConstant.white),
          elevation: 0),
      body: const Center(
        child: CircleAvatar(
            radius: 110,
            //? Bu kısımda görsel Network üzerinden gelecekse NetworkImage, local ise AssetImage
            backgroundImage: NetworkImage(
              "https://avatars.githubusercontent.com/u/48753655?v=4",
            )),
      ),
    );
  }
}

turkce_flutter_egitimi/lib/widgets/circle_avatar/circle_avatar_widget.dart at main · umutocak/turkce_flutter_egitimiGitHub