Flutter: Uygulama Arayüzünden "Debug" Etiketi Nasıl Kaldırılır?

Pardus üzerinde Flutter geliştirenler veya yeni başlayanlar için bu küçük ama önemli detay, uygulamanın son kullanıcıya hazır görünmesi açısından çok önemlidir.

Pardus işletim sistemi üzerinde Flutter ile uygulama geliştirirken, emülatörde veya masaüstü çıktısında (Linux desktop build) uygulamanızın sağ üst köşesinde kırmızı bir "DEBUG" şeridi görürsünüz.

Bu şeridin neden orada olduğunu ve uygulamanızın sunuma hazır hale gelmesi için bu yazıyı nasıl kaldırabileceğinizi iki farklı yöntemi var.

Neden "Debug" Yazıyor?

Bu bir hata değildir. Flutter, varsayılan olarak "Debug Mode" (Hata Ayıklama Modu) ile çalışır. Bu mod, geliştiricilere şunları sağlar:

  • Hot Reload: Kodda yaptığınız değişikliği anında görme.

  • Hata Kontrolü: Yazılımın daha güvenli çalışması için ek kontroller.

Ancak uygulamanızı ekran görüntüleri almak, müşteriye sunmak veya yayınlamak istediğinizde bu etiketi kaldırmanız gerekir.

Yöntem 1: Kod İçerisinden Kalıcı Olarak Kaldırmak (Önerilen)

Eğer uygulamanızı hala geliştiriyorsanız (Debug modunda çalışıyorsanız) ancak görsel olarak o şeridi görmek istemiyorsanız, main.dart dosyanızda yapacağınız tek satırlık bir değişiklik yeterlidir.

  1. Projenizin lib/main.dart dosyasını açın.

  2. MaterialApp (veya iOS tarzı kullanıyorsanız CupertinoApp) widget'ını bulun.

  3. İçerisine debugShowCheckedModeBanner: false parametresini ekleyin.

Örnek Kod Bloğu:

Dart:

import 'package:flutter/material.dart';

void main() {
  runApp(const BenimUygulamam());
}

class BenimUygulamam extends StatelessWidget {
  const BenimUygulamam({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      // İşte sihirli kod satırı burası:
      debugShowCheckedModeBanner: false, 
      
      title: 'Pardus Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const AnaSayfa(),
    );
  }
}

Bu kodu kaydedip uygulamanızı yeniden başlattığınızda, uygulama hala debug modunda olsa bile sağ üstteki şerit kaybolacaktır.

Yöntem 2: "Release" Modu ile Çalıştırmak

Uygulamanız bitti ve artık gerçek performansını test etmek istiyorsunuz. Bu durumda uygulamayı "Release" (Yayınlama) modunda derlemeniz gerekir. Release modunda Flutter, Debug şeridini otomatik olarak kaldırır.

Pardus terminalinizde projenizin olduğu dizine gelin ve şu komutu çalıştırın:

Bash:

flutter run --release

Dikkat: Release modunda "Hot Reload" özelliği çalışmaz ve derleme süresi Debug moduna göre biraz daha uzun sürer; çünkü Flutter kodunuzu makine diline optimize ederek çevirir (AOT - Ahead of Time compilation).

Özet Tablo

Hangi yöntemi ne zaman kullanmalısınız?

DurumYöntemAmaç
Geliştirme YaparkendebugShowCheckedModeBanner: falseKod yazarken arayüzün temiz görünmesi için.
Uygulama Bittiğindeflutter run --releaseMaksimum performans ve son kullanıcı deneyimi için.

İpucu: Pardus üzerinde geliştirdiğiniz Linux masaüstü uygulamalarınızın (GTK penceresi) son çıktısını alırken (flutter build linux), sistem otomatik olarak release modunu kullanır ve debug yazısı barındırmaz.

Proje Kaynak Kodları : https://github.com/nuritiras/ilk_uygulamam 

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

Pardus ETAP 23 İçin Flutter ile Dijital "Öğrenci Seçici" Uygulaması

Resim
Eğitim teknolojilerinin merkezinde yer alan Pardus ETAP (Etkileşimli Tahta Projesi), sınıflarda verimliliği artırmak için güçlü araçlar sunar. Bu yazıda, öğretmenlerin ders içi etkileşimi artırmak, sözlüye kalkacak öğrenciyi adil bir şekilde seçmek veya sunum sırasını belirlemek için kullanabileceği "Dijital Öğrenci Seçici" uygulamasını Flutter ile nasıl geliştireceğinizi adım adım anlatacağız. Bu uygulama şunları yapabilecek: Excel'den Liste Yükleme: e-Okul listelerini saniyeler içinde içeri aktarma. Görsel Seçim: Heyecan verici bir çark arayüzü ile seçim yapma. Ses Efektleri: Dönme ve alkış sesleri ile sınıf atmosferini canlandırma. Sonuç Ekranı: Seçilen öğrenciyi büyük bir pencerede ilan etme. Bölüm 1: Geliştirme Ortamının Hazırlanması Pardus üzerinde Flutter ile masaüstü uygulama geliştirebilmek için temel derleme araçlarına ihtiyacımız vardır. Terminali açın ve aşağıdaki komutları sırasıyla uygulayın. 1. Sistem Gereksinimleri Bash: sudo apt update sudo apt insta...
Devamı

Uygulama: Pardus Logosunu Göster

Resim
Bu örnek, öğrencilere veya izleyicilere State Management (Durum Yönetimi) ve Asset Management (Dosya Yönetimi) konularını öğretmek için mükemmeldir. İşte önceki projenin üzerine inşa edeceğimiz "Butona Basınca Logoyu Göster/Gizle" eğitimi: Bu bölümde, projemize dışarıdan bir resim dosyası eklemeyi ve bir butona tıklayarak ekranın durumunu değiştirmeyi (setState) öğreneceğiz. 1. Hazırlık: Logoyu Projeye Ekleme Flutter'da resim kullanmak için önce bir klasör oluşturmalı ve resmi oraya koymalıyız. Proje klasörünüzün ( ilk_pardus_uygulamam ) içinde, lib klasörüyle aynı seviyede (ana dizinde) assets adında yeni bir klasör oluşturun. İnternetten bir Pardus logosu indirin (veya herhangi bir resim) ve adını pardus_logo.png yaparak bu assets klasörünün içine atın. Dosya yapısı şöyle görünmeli: Plaintext: ilk_pardus_uygulamam/ ├── assets/ │ └── pardus_logo.png ├── lib/ │ └── main.dart ├── pubspec.yaml ... 2. Tanımlama: pubspec.yaml Ayarı Flutter'a "Benim bir re...
Devamı

Pardus ETAP 23 İçin Flutter ile Sanal Laboratuvar

Resim
Pardus ETAP (Etkileşimli Tahta Arayüzü Projesi), okullardaki akıllı tahtalar için tasarlanmış, Linux tabanlı (Debian) bir işletim sistemidir. Flutter'ın Linux Desktop desteği sayesinde, tek bir kod tabanıyla hem yüksek performanslı hem de dokunmatik ekranlara (akıllı tahtalara) tam uyumlu uygulamalar geliştirebilirsiniz. Eğitim teknolojilerinde etkileşim, öğrenmeyi kalıcı hale getiren en önemli unsurdur. Bu makalede, Pardus ETAP 23 yüklü etkileşimli tahtalarda çalışacak, öğrencilerin güvenle deney yapabileceği bir Sanal Laboratuvar uygulamasının Flutter ile nasıl geliştirileceğini adım adım inceleyeceğiz. 1. Neden Pardus ETAP ve Flutter? Pardus ETAP: Okullarda yaygın olarak kullanılan, güvenli ve açık kaynaklı bir işletim sistemidir. Flutter: Google'ın UI kiti, Linux masaüstü uygulamaları için "birinci sınıf" (first-class) destek sunar. Akıllı tahtaların donanımını (GPU) verimli kullanarak 60 FPS akıcı animasyonlar sağlar. 2. Geliştirme Ortamının Hazırlanması Pard...
Devamı