Flutter PageView Kullanımı

PageView widget’i, Flutter’da bir sayfa kaydırma deneyimi oluşturmak için kullanılır. PageView, yatay veya dikey olarak kaydırılabilen ve farklı sayfaları içerebilen bir widget’tır. Bu, kullanıcının parmaklarını kullanarak sayfalar arasında kaydırmasına olanak tanır.

import ‘package:flutter/material.dart’;

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

Dart Enum Nedir?

×

class MyApp extends StatelessWidget {
final PageController _pageController = PageController(initialPage: 0);

@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text(‘PageView Example’),
),
body: PageView(
controller: _pageController,
children: [
Container(
color: Colors.blue,
child: Center(
child: Text(‘Page 1’),
),
),
Container(
color: Colors.red,
child: Center(
child: Text(‘Page 2’),
),
),
Container(
color: Colors.green,
child: Center(
child: Text(‘Page 3’),
),
),
],
),
),
);
}
}

Yukarıdaki örnekte, PageView widget’ı oluşturulmuş ve üç adet Container widget’ı sayfalara yerleştirilmiştir. Her bir Container widget’ı farklı bir arka plan rengine ve içeriğe sahiptir.

PageView widget’ının controller özelliği, sayfalar arasında kaydırmayı kontrol etmek için bir PageController nesnesini alır. Bu örnekte, _pageController adında bir PageController örneği kullanılmış ve başlangıç sayfası 0 olarak belirlenmiştir.

Sayfalar, children özelliği altında belirtilir ve listedeki her bir öğe bir sayfayı temsil eder.

Bu örnekte, yatay bir PageView oluşturulmuştur. Dikey bir PageView oluşturmak için scrollDirection özelliğini Axis.vertical olarak ayarlayabilirsiniz.

Bu basit örnekte, PageView widget’ı tam ekran genişliği ve yüksekliği kaplar. İsteğe bağlı olarak, PageView.builder kullanarak dinamik olarak sayfalar oluşturabilir veya PageView.custom kullanarak daha karmaşık özelleştirmeler yapabilirsiniz.