Kendi Widgetini oluşturma

SerdarBilgin

Ya ben body kısmı dolu bir halde iken bir dart uzantılı widgeti oraya gömmek istiyorum mesela;
body: MessagingWidget(),
Column(……) diye gidiyor ama bir türlü ayarlayamıyorum yardımcı olacak birisi var mı ya nasıl birşey oldu anlamıyorum.

hkm

SerdarBilgin tam olarak açıklarsanız yardımcı olmaya çalışalım. Mahsuru yoksa örnek kod paylaşıp üzerinden anlatmanız daha yararlı olacaktır…

SerdarBilgin

hkm
KOD SATIRI BÖYLE ORADA GÖRDÜĞÜN BODY’E

‘body: MessagingWidget(),’

DİYEREK EKLEME YAPMAM GEREKİYOR AMA BİR TÜRLÜ GÖMEMİYORUM .

SerdarBilgin

hkm MessagingWidget.dart diye bir kod klasörüm var kütüphanemde widget’im yani ben bu widgeti ‘body:’ kısmına yerleştirmek zorundayım ama görselde gördüğün gibi body kısmına başka şeylerde yazmak zorunda kaldım MessagingWidget()'i hiç birşekilde yerleştiremiyorum.

Flutter

SerdarBilgin Kodları resim olarak değil metin olarak ekleyelim lütfen

Flutter

SerdarBilgin MessagingWidget() adında bir widget oluşturup return dedikten sonra içine o kodları yazmanız yeterli

SerdarBilgin

Flutter

body: 
         Column(
           children: <Widget>[
           Text('Siz Değerli Kursiyerlerimizin',style: TextStyle(fontWeight: FontWeight.bold),),
           Text('Kolay yoldan öğrenip,',style: TextStyle(fontWeight: FontWeight.bold),),
           Text('Birçok Materyale Kolayca Ulaşabileceği,',style: TextStyle(fontWeight: FontWeight.bold),),
           Text('Yollar Geliştirdik ve Bunu Bir Uygulama İçerisinde Topladık...',style: TextStyle(fontWeight: FontWeight.bold),),
           Text('Değerli Kursiyerlerimizin, Değerli Vakitlerini,',style: TextStyle(fontWeight: FontWeight.bold),),
           Text('Güzel Şekilde Değerlendirmesi İçin Buradayız',style: TextStyle(fontWeight: FontWeight.bold),),
           Text('Sol Üst Kısımdan Menüler Arasında Geçiş Sağlayabilirsiniz...',style: TextStyle(fontWeight: FontWeight.bold),),
           Text('Kolay Gelsin...',style: TextStyle(fontWeight: FontWeight.bold),),
           
    /*Text('Rochambeau!', style: DefaultTextStyle.of(context).style.apply(fontSizeFactor: 2.0)),*/
    Expanded(
      child: FittedBox(
        
        fit: BoxFit.contain, // otherwise the logo will be tiny
        child:Image.asset(
  'images/logogiris.jpg',
  fit: BoxFit.cover,
  
),
        
      ),

TAM OLARAK NEREYE return diycem olmuyor hiç bir şekilde be MessagingWidget diye widgetim de var kütüphanede.

hkm

SerdarBilgin

şimdi flutterda zaten tüm dosya uzantıları dart uzantılıdır. normal bir widget eller gibi dart dosyasındaki class ismini çağırarak ekleyebilirsiniz.

import 'package:flutter/material.dart';

final Color darkBlue = Color.fromARGB(255, 18, 32, 47);

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark().copyWith(scaffoldBackgroundColor: darkBlue),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body:  MessagingWidget(),
        
      ),
    );
  }
}




//bunu başka bir dart dosyası olarak düşün zaten değişen bir şey yok
class MessagingWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Text('MessagingWidget içeriği', style: Theme.of(context).textTheme.display1);
  }
}

tabi bu manuek bir ekleme eğer kastınız dinamik bir ekleme ise bu senaryo değişir

yasintuncel

SerdarBilgin

...
body: getMessageWidget(),
...

Widget getMessageWidget(){
 return Column(...);
}

hortlattik mi ne 😃

SerdarBilgin

hkm elinize sağlık teşekkürler…

HasanCAN

kafam basmıyor aga

Flutter

HasanCAN 🙂