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.
Bu Yazıya Tepkin Ne Oldu ?
YORUMLAR