Flutter Slider Kullanımı

 

Herkese merhaba,

Kısa bir zamandır Flutter derslerini inceliyorum.Hem Android hem IOS ta kullanılması dikkatimi çekmişti.Google tarafından geliştirilen ve desteklenen Flutter önümüzdeki zamanlarda popülerliğini koruyacak gibi görünüyor.Oldukça büyük bir paket desteği var diyebilirim.

Bu serimizde Flutter ile kendi öğrendiklerimi , küçük pratik denemelerle sizlere aktarmaya çalışacağım.

Bu örneğimde Slider kullanımını göstermek istedim.Input değerler alınırken kullanıcıya hoş bir görüntü olacağını düşündüğüm bir çalışma oldu.

Çıktısı yukarıda paylaştığım gifteki gibi.

Kodları aşağıda bulabilirsiniz.

Keyifli okumalar.

 

  class HomePage extends StatefulWidget {
  HomePage({Key key}) : super(key: key);

  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State {
  double kitapSayi = 0.0;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(
          'KABALIDEV',
          style: TextStyle(color: Colors.black54),
        ),
        centerTitle: true,
      ),
      body: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Expanded(
              child: Container(
            padding: EdgeInsets.all(10),
            child: GestureDetector(
              onTap: () {},
              child: Container(
                padding: EdgeInsets.all(10),
                decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(10.0),
                    color: Colors.white),
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Text(
                      'Haftada kaç sayfa kitap okuyorsun?',
                      style: TextStyle(
                          color: Colors.black54,
                          fontSize: 20,
                          fontWeight: FontWeight.bold),
                    ),
                    Text(
                      kitapSayi.round().toString(),
                      style: TextStyle(
                          color: Colors.black54,
                          fontSize: 20,
                          fontWeight: FontWeight.bold),
                    ),
                    Slider(
                      min: 0,
                      max: 100,
                      value: kitapSayi,
                      onChanged: (double yenideger) {
                        setState(() {
                          kitapSayi = yenideger;
                        });
                      },
                    )
                  ],
                ),
              ),
            ),
          ))
        ],
      ),
    );
  }
}