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:
appBar
: Uygulama çubuğunu (app bar) tanımlar.AppBar
widget’ı başlık ve gerektiğinde diğer özellikler içerebilir.body
: Sayfanın ana içeriğini temsil eder. Bu alanda istediğiniz widget’ları yerleştirebilirsiniz.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.
Bu Yazıya Tepkin Ne Oldu ?
YORUMLAR