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
DevamStack ile (ki ingilizcede tabak anlamına gelir) öğelerimizi üst üste koyabiliriz. Şöyle ki en alta bir resim koyduk, sonra bu resmin
Devamimport ‘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),
DevamPadding( 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”,
Devambody: //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
Devambody: //listeyiHazirla(), Container( margin: EdgeInsets.all(10), width: double.infinity, height: MediaQuery.of(context).size.height /2, color: Colors.teal.shade400, ))
DevaminitState 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
Devamslivers: <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
Devamreturn 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
DevaminitialRoute: “/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ı 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