Flutter - Geliştirme Araçları

Bu bölüm, Flutter geliştirme araçlarını ayrıntılı olarak açıklamaktadır. Platformlar arası geliştirme araç setinin ilk kararlı sürümü 4 Aralık 2018'de Flutter 1.0'da yayınlandı. Google, Flutter çerçevesini farklı geliştirme araçlarıyla sürekli iyileştirme ve güçlendirme üzerinde çalışıyor.

Widget Setleri

Google, bileşen tasarımında mükemmel piksel kalitesi sağlamak için Malzeme ve Cupertino widget setlerini güncelledi. Flutter 1.2'nin gelecek sürümü, masaüstü klavye olaylarını ve fareyle üzerine gelme desteğini desteklemek için tasarlanacak.

Visual Studio Code ile Flutter Geliştirme

Visual Studio Code, flutter geliştirmeyi destekler ve hızlı ve verimli geliştirme için kapsamlı kısayollar sağlar. Flutter geliştirme için Visual Studio Code tarafından sağlanan temel özelliklerden bazıları aşağıda listelenmiştir -

Kod yardımı - Seçenekleri kontrol etmek istediğinizde, Ctrl+Space kod tamamlama seçeneklerinin bir listesini almak için.
Hızlı düzeltme - Ctrl+. kodu düzeltmeye yardımcı olan hızlı düzeltme aracıdır.
Kodlama Sırasındaki Kısayollar.
Yorumlarda ayrıntılı belgeler sağlar.
Hata ayıklama kısayolları.
Sıcak yeniden başlatmalar.

Dart Geliştirme Araçları

Kodumuzu yazmak ve eklentileri yüklemek için Android Studio veya Visual Studio Code veya başka herhangi bir IDE kullanabiliriz. Google'ın geliştirme ekibi, Dart DevTools adlı başka bir geliştirme aracı üzerinde çalışıyor. Web tabanlı bir programlama paketidir. Hem Android hem de iOS platformlarını destekler. Zaman çizelgesi görünümüne dayanır, böylece geliştiriciler uygulamalarını kolayca analiz edebilir.

DevTools'u yükleyin

DevTools'u yüklemek için konsolunuzda aşağıdaki komutu çalıştırın -

flutter packages pub global activate devtools

Şimdi aşağıdaki çıktıyı görebilirsiniz -

Resolving dependencies... 
+ args 1.5.1 
+ async 2.2.0
+ charcode 1.1.2 
+ codemirror 0.5.3+5.44.0 
+ collection 1.14.11 
+ convert 2.1.1 
+ devtools 0.0.16 
+ devtools_server 0.0.2 
+ http 0.12.0+2 
+ http_parser 3.1.3 
+ intl 0.15.8 
+ js 0.6.1+1 
+ meta 1.1.7 
+ mime 0.9.6+2 
.................. 
.................. 
Installed executable devtools. 
Activated devtools 0.0.16.

Sunucuyu Çalıştır

DevTools sunucusunu aşağıdaki komutu kullanarak çalıştırabilirsiniz -

flutter packages pub global run devtools

Şimdi buna benzer bir yanıt alacaksınız,

Serving DevTools at http://127.0.0.1:9100

Başvurunuzu Başlatın

Uygulamanıza gidin, simülatörü açın ve aşağıdaki komutu kullanarak çalıştırın -

flutter run --observatory-port=9200

Artık DevTools'a bağlısınız.

Tarayıcıda DevTools'u başlatın

Şimdi DevTools'u başlatmak için tarayıcıda aşağıdaki url'ye erişin -

http://localhost:9100/?port=9200

Aşağıda gösterildiği gibi bir yanıt alacaksınız -

Flutter SDK

Flutter SDK'yı güncellemek için aşağıdaki komutu kullanın -

flutter upgrade

Aşağıda gösterildiği gibi bir çıktı görebilirsiniz -

Flutter paketlerini yükseltmek için aşağıdaki komutu kullanın -

flutter packages upgrade

Şu yanıtı görebilirsiniz:

Running "flutter packages upgrade" in my_app... 7.4s

Flutter Inspector

Flutter widget ağaçlarını keşfetmek için kullanılır. Bunu başarmak için konsolunuzda aşağıdaki komutu çalıştırın,

flutter run --track-widget-creation

Aşağıda gösterildiği gibi bir çıktı görebilirsiniz -

Launching lib/main.dart on iPhone X in debug mode... 
─Assembling Flutter resources...                       3.6s 
Compiling, linking and signing...                      6.8s 
Xcode build done.                                     14.2s 
2,904ms (!)
To hot reload changes while running, press "r". To hot restart (and rebuild state), press "R". 
An Observatory debugger and profiler on iPhone X is available at: http://127.0.0.1:50399/ 
For a more detailed help message, press "h". To detach, press "d"; to quit, press "q".

Şimdi http://127.0.0.1:50399/ URL'sine gidin, aşağıdaki sonucu görebilirsiniz -