Flutter’da bir kaydırma (slider) bileşeni kullanarak bir sürgü (slider) oluşturabilirsiniz. Slider, kullanıcının bir değeri seçmesine izin veren ve genellikle bir aralığı temsil eden bir UI bileşenidir.

import ‘package:flutter/material.dart’;

class SliderExample extends StatefulWidget {
@override
_SliderExampleState createState() => _SliderExampleState();
}

class _SliderExampleState extends State {
double _value = 0.0;

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(‘Slider Örneği’),
),
body: Container(
padding: EdgeInsets.all(16.0),
child: Column(
children: [
Slider(
value: _value,
min: 0.0,
max: 100.0,
onChanged: (newValue) {
setState(() {
_value = newValue;
});
},
),
Text(‘Seçilen değer: $_value’),
],
),
),
);
}
}

Yukarıdaki örnekte, SliderExample adında bir StatefulWidget sınıfı oluşturulmuştur. Sınıfın durumu (_value), 0.0’dan 100.0’a kadar olan bir aralığı temsil eder. Slider bileşeni, value özelliği ile _value değişkenini kullanır ve onChanged olayı, kaydırma işlemi gerçekleştiğinde tetiklenir ve _value değeri güncellenir. Slider bileşeni altında, seçilen değeri göstermek için bir Text widget’i bulunur.

void main() { runApp(MaterialApp( home: SliderExample(), )); }

Yukarıdaki kodda, SliderExample StatefulWidget’i MaterialApp içindeki home parametresine yerleştirilmiştir.

Bu şekilde, Flutter’da bir Slider bileşeni oluşturabilir ve kullanıcıların bir değer seçmesine izin verebilirsiniz. Slider bileşeninin görüntüsü ve işlevselliği, kullanılan parametrelere ve widget yapısına bağlı olarak özelleştirilebilir.

Haziran 30, 2023

Flutter Dio Nedir?

ETİKETLER :

YORUMLAR

Bir yanıt yazın

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