Flutter Dersleri Paket Nasıl Yüklenir?

Mobil Uygulama Yapımı​


Flutter derslerinin ilk adımında basit bir uygulamayı hazırlayıp çalıştırdıktan sonra, şimdi onu harici bir paketle genişletmek istiyoruz. Daha doğrusu, şimdi projemiz için gereken kelime paketini dahil etmek istiyoruz. Kelimeleri rastgele bir düzene göre birleştiren bir uygulama . Örnek olarak pub.dev platformunda diğer birçok açık kaynak paketi gibi bulabileceğiniz "english_words" (MIT lisansı) açık kaynak paketini kullanıyoruz . Modül 5000'den fazla en yaygın İngilizce kelime içerir.

Flutter uygulamaları, paketleri ve bağımlılıkları yönetmek için pubspec.yaml dosyasını kullanır . Bu dosyayı açın ve dil paketi için bağımlılıklar listesine bir giriş ekleyin (en son sürüme sahip olduğunuzdan emin olun; english_words: ^4.0.0

Kod:
dependencies:
    flutter:
        sdk: flutter
    cupertino_icons: ^0.1.2
english_words: ^3.1.5

Ardından "flutter pub get" komutunu çalıştırın. Android Studio'nun buna hazır " Pub Get " adlı bir düğmeside var.

Mobil Uygulama Yapımı

Terminalde "pub get" komutunun doğru çalışıp çalışmadığını görebilirsiniz. Olumlu ise, aşağıdaki çıktıyı göreceksiniz.

Flutter Dersleri Paket Nasıl Yüklenir?

Ana çalışma dosyamız olan main.dart'a geri dönün ve dil paketini buraya import edelim:

Kod:
import 'package:flutter/material.dart';
import 'package:english_words/english_words.dart';

Ayrıca main.dart sayfamıza şu satırı ekleyin :

Kod:
final wordPair = WordPair.random();

Son olarak , "Merhaba Dünya Klişesi" metninin yazdırılmasına neden olan girişi aşağıdaki kod ile değiştirin:

Kod:
child: Text(wordPair.asPascalCase),

Flutter Dart Programlama Dili Sıfırdan Mobil Uygulama Yapma​


flutter nedir

Artık bu yeni, güncel uygulama kodunu her çalıştırdığınızda rastgele oluşturulmuş bir çift İngilizce kelime çıktısı alacaksınız .

Ios Uygulama Geliştirme​


Uygulamamıza birde tex style kodu ekleyerek çıktısını aldım.

ios android native mobil uygulama geliştirme

Kod:
child: Text(
            wordPair.asPascalCase,
            style: const TextStyle(
              fontSize: 40.0,
              color: Colors.red,
            ),
          ),

Bugünkü flutter dersimiz bu kadar. Takıldığınız yerde yorum yaparsanız sorularınıza detaylı cavaplar yazmaktan memnuniyet duyarım.
 
Son düzenleme:
  • Like
Tepkiler: Admin