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.
Terminalde "pub get" komutunun doğru çalışıp çalışmadığını görebilirsiniz. Olumlu ise, aşağıdaki çıktıyı göreceksiniz.
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
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.
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: