Flutter – Stack ve Positioned kullanımı – Örnek 1
Stack ile (ki ingilizcede tabak anlamına gelir) öğelerimizi üst üste koyabiliriz. Şöyle ki en alta bir resim koyduk, sonra bu resmin
Devam
flutter
Flutter – Validate() kullanımı
import ‘package:flutter/material.dart’; class FormveTextFormField extends StatefulWidget { @override _FormveTextFormFieldState createState() => _FormveTextFormFieldState(); } class _FormveTextFormFieldState extends State<FormveTextFormField> { String _adsoyad, _mailadres, _password; bool otomatikkontrol = true; final formkey = GlobalKey<FormState>(); //tüm formlarda geçerli bir key oluşturuyoruz //bu key sadece aşağıdaki formun keyi olarak düşünebilirsiniz… @override Widget build(BuildContext context) { return Theme( data: Theme.of(context).copyWith( accentColor: Colors.green, errorColor: Colors.green, primaryColor: Colors.red.shade400),
Devam
Flutter – TextField Kullanımı Basitçe – Görsel
Padding( padding: const EdgeInsets.all(16.0), child: TextField( keyboardType: TextInputType.number, textInputAction: TextInputAction.done, autofocus: false, maxLines: 1, maxLengthEnforced: true, onChanged: (String s) => debugPrint(“Değer :$s”), onSubmitted: (String s) { debugPrint(“Değer Submit :$s”); girilenmetin = s; }, cursorColor: Colors.orange, decoration: InputDecoration( icon: Icon(Icons.done), suffixIcon: Icon(Icons.mail), filled: true, fillColor: Colors.orange.shade100, hintText: “Metinimmm”,
DevamFlutter – Sayfamızda SingleChildScrollView oluşturarak scroll yapabiliriz
body: //listeyiHazirla(), SingleChildScrollView( child: Container( margin: EdgeInsets.all(10), width: double.infinity, height: MediaQuery.of(context).size.height * 2, color: Colors.teal.shade400, child: Align( alignment: Alignment.center, child: Text(“Merhaba Dünyaaa”)), ), )); SingleChildScrollView ile yazımız artık scroll olabilecektir
DevamFlutter Container boyutunu ayarlama
body: //listeyiHazirla(), Container( margin: EdgeInsets.all(10), width: double.infinity, height: MediaQuery.of(context).size.height /2, color: Colors.teal.shade400, ))
Devam
Flutter – initState() komutu – command
initState komutu bir class oluşturulduğunda ilk defa çalıştıralcak kod dur. Bu kod ile classımızı oluşturur iken bir yerden bir değer
Devam
Flutter – flexibleSpace ve sliverAppBar ne işe yarar
slivers: <Widget>[ SliverAppBar( expandedHeight: 250, pinned: true, primary: true, backgroundColor: Colors.pink, flexibleSpace: FlexibleSpaceBar( title: Text(secilenBurc.burcAdi + ” ve Özellikleri”,style: TextStyle(),), ), ), sliver widget te sliverAppBar oluştur iken harika bir özellik olan
DevamFlutter Sliver – SliverToBoxAdapter
return Scaffold( body: CustomScrollView( primary: false, slivers: <Widget>[ SliverAppBar( expandedHeight: 250, pinned: true, primary: true, backgroundColor: Colors.pink, title: Text(secilenBurc.burcAdi+” ve Özellikleri”), ), SliverToBoxAdapter(child: ,) Bu yazıda SliverToBoxAdapter nesnesi bir box oluşturur. Bu
DevamFlutter ile onGenerateRoute tanımı anlatımı
initialRoute: “/burcListesi”, routes: { “/”: (context) => BurcListesi(), “/burcListesi”: (context) => BurcListesi(), “/burcDetay/123”: (context) => BurcDetay(), }, onGenerateRoute: (RouteSettings settings) { List<String> pathElemanlari = settings.name.split(“/”); if (pathElemanlari[1] == “burcDetay”) { return MaterialPageRoute( builder: (context) => BurcDetay(int.parse(pathElemanlari[2]))); } return null; }, Otomatik bir route tablosu oluşturuor. Ongenerate
DevamFlutter ile Route Tanımları – OnGenerate Route
Flutter ile Route Tanımları https://www.udemy.com/course/sifirdan-flutter-ile-android-ve-ios-apps-development/learn/lecture/13226270?components=buy_button%2Cdiscount_expiration%2Cgift_this_course%2Cpurchase%2Cdeal_badge%2Credeem_coupon#questions
Devam