Flutter’da Scaffold, temel bir sayfa çerçevesi ve yapılandırmayı sağlayan bir widget’tır. Birçok mobil uygulama sayfası, kullanıcı arayüzünü daha iyi düzenlemek ve kullanıcı deneyimini geliştirmek için Scaffold kullanır. İşte temel bir Scaffold 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 Scaffold Kullanımı’),
),
body: Center(
child: Text(‘Scaffold örneği.’),
),
floatingActionButton: FloatingActionButton(
onPressed: () {
// Floating action button tıklandığında yapılacak işlemler
},
child: Icon(Icons.add),
),
);
}
}

Yukarıdaki örnek, temel bir Scaffold kullanımını gösterir. Scaffold, aşağıdaki temel öğeleri içerir:

  1. appBar: Uygulama çubuğunu (app bar) tanımlar. AppBar widget’ı başlık ve gerektiğinde diğer özellikler içerebilir.
  2. body: Sayfanın ana içeriğini temsil eder. Bu alanda istediğiniz widget’ları yerleştirebilirsiniz.
  3. floatingActionButton: Sayfanın sağ alt köşesinde yüzen bir eylem düğmesi ekler. Bu düğmeye tıklandığında belirli bir işlem gerçekleştirilebilir.

Bu, basit bir Scaffold kullanım örneğidir. Scaffold widget’ı, uygulama sayfalarının temel çerçevesini oluşturmak için kullanılır ve daha karmaşık sayfalar oluşturmak için ek özellikler ekleyebilirsiniz.

ETİKETLER :

YORUMLAR

Bir yanıt yazın

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