Flutter’da AppBar, bir uygulamanın üst kısmında bulunan başlık çubuğunu temsil eden bir widget’tır. Bir AppBar kullanarak uygulamanızın başlık, geri düğmesi, menüler ve diğer özel işlevlerini ekleyebilirsiniz. İşte temel bir AppBar kullanım örneği:

import ‘package:flutter/material.dart’;

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MyHomePage(),
);
}
}

class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(‘Flutter AppBar Kullanımı’), // Başlık metni
leading: IconButton( // Sol üst köşedeki geri düğmesi
icon: Icon(Icons.arrow_back),
onPressed: () {
// Geri gitme işlemleri burada yapılabilir
},
),
actions: [
IconButton( // Sağ üst köşedeki bir işlem düğmesi
icon: Icon(Icons.search),
onPressed: () {
// Arama işlemi burada yapılabilir
},
),
IconButton( // Sağ üst köşedeki başka bir işlem düğmesi
icon: Icon(Icons.more_vert),
onPressed: () {
// Daha fazla işlem burada yapılabilir
},
),
],
),
body: Center(
child: Text(‘AppBar örneği.’),
),
);
}
}

Yukarıdaki örnek, bir AppBar kullanarak temel bir sayfa başlığı ve bazı özelleştirilmiş düğmeleri içerir. İşte AppBar kullanımında dikkat etmeniz gereken bazı önemli özellikler:

  • title: Başlık metnini belirler.
  • leading: Sol üst köşedeki öğeyi (genellikle geri düğmesi) belirler.
  • actions: Sağ üst köşede görünen ek işlem düğmelerini belirler.

Bu örnekte, başlık metni, geri düğmesi, arama ve daha fazla işlem düğmeleri gibi temel öğeleri içeren bir AppBar kullanımını gösterdim. AppBar widget’ı, uygulamanızın üst kısmında sabit bir başlık çubuğu oluşturmanızı sağlar ve daha fazla özelleştirme seçeneği sunar.

Temmuz 5, 2023

Dart Tip Kontrolü

Aralık 3, 2023

ETİKETLER :

YORUMLAR

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir