Flutter ile Çok Dilli Uygulama Geliştirme

 

Herkese merhaba! Bugün sizinle çok dilli uygulamalar hakkında konuşmak istedim. Artık uygulamalarımız sadece tek bir dile hitap etmekle kalmıyor; farklı ülkelerden, farklı dillerden birçok kullanıcıya ulaşmayı hedefliyoruz. Bu da bizi yerelleştirme (localization) sürecine getiriyor. Peki Flutter ile çok dilli bir uygulamayı nasıl hayata geçiririz? Adım adım göz atalım.

1. Yerelleştirme Nedir? Neden Önemlidir?

Yerelleştirme, uygulamanın sadece dili çevirmekten öte, farklı kültürlere ve coğrafyalara uygun hale getirilmesi sürecidir. Yani, uygulamanın dilini değiştirmekle birlikte tarih formatları, para birimi, sayılar gibi bölgesel özellikleri de o dile göre ayarlamamız gerekiyor. Kullanıcıların kendilerini “evde” hissetmesini sağlamak diyebiliriz.

2. Flutter’da Çok Dilli Uygulama Yapmanın Temel Adımları

Flutter’da çok dilli uygulama yapma süreci korkutucu gibi görünse de, aslında oldukça sistematik ilerliyor. Hadi birlikte adımları inceleyelim.

Adım 1: flutter_localizations Paketini Projeye Dahil Edelim

Öncelikle, Flutter’ın sunduğu yerelleştirme desteğinden yararlanmak için flutter_localizations paketini projemize eklememiz gerekiyor. Bu paket, farklı dillerde içerik sunabilmek için gerekli temel araçları sağlıyor.

pubspec.yaml dosyasına şu satırları ekliyoruz:

dependencies:
  flutter:
    sdk: flutter
  flutter_localizations:
    sdk: flutter

Bu küçük ama önemli adım, uygulamanın farklı dillerde çalışabilmesinin önünü açıyor.

Adım 2: Desteklediğimiz Dilleri Belirleyelim

Şimdi sırada uygulamanın hangi dilleri destekleyeceğini belirtmek var. MaterialApp widget'ında localizationsDelegates ve supportedLocales parametrelerini kullanarak bu dilleri tanımlıyoruz.

import 'package:flutter_localizations/flutter_localizations.dart';

MaterialApp(
  localizationsDelegates: [
    GlobalMaterialLocalizations.delegate,
    GlobalWidgetsLocalizations.delegate,
  ],
  supportedLocales: [
    Locale('en', 'US'), // İngilizce
    Locale('tr', 'TR'), // Türkçe
  ],
  home: MyHomePage(),
);

İşte bu kadar! Artık uygulamamız, İngilizce ve Türkçe dillerini destekliyor. Tabii bu listeye daha fazla dil ekleyebiliriz.

Adım 3: Çevirileri Yönetelim: intl Paketi Yardımıyla

Flutter’da yerelleştirme denilince akla gelen en popüler paketlerden biri intl. Bu paket, farklı dillerdeki metinleri yönetmek için mükemmel bir çözüm sunuyor. .arb dosyaları oluşturup bu dosyalarda dil çevirilerini saklayarak her dil için ayrı içerikler tanımlayabiliyoruz.

Örneğin, İngilizce için intl_en.arb, Türkçe için intl_tr.arb dosyaları oluşturabiliriz.

Örnek bir .arb dosyası şu şekilde olabilir:

{
  "appTitle": "Benim Çok Dilli Uygulamam",
  "welcomeMessage": "Hoş geldiniz!",
  "@welcomeMessage": {
    "description": "Ana sayfada gösterilen karşılama mesajı"
  }
}

Bu çevirileri kodumuzda rahatça kullanabiliriz.

Adım 4: Uygulama İçinde Dinamik Dil Değişimi

Uygulamanın dilini kullanıcıya göre dinamik olarak değiştirmek istiyorsak, bir dil seçici ekleyebiliriz. Kullanıcı, bu seçici aracılığıyla istediği dili seçtiğinde, uygulamanın dili anında değişir.

İşte basit bir dil seçici widget:

DropdownButton<Locale>(
  value: _selectedLocale,
  onChanged: (Locale? newLocale) {
    setState(() {
      _selectedLocale = newLocale!;
      MyApp.setLocale(context, newLocale);
    });
  },
  items: [
    DropdownMenuItem(
      child: Text("English"),
      value: Locale('en', 'US'),
    ),
    DropdownMenuItem(
      child: Text("Türkçe"),
      value: Locale('tr', 'TR'),
    ),
  ],
);

Bu şekilde kullanıcıya dil değiştirme esnekliği sunabiliriz. Ayrıca bu ayarı SharedPreferences ile kaydedip uygulama yeniden açıldığında tercih edilen dilin otomatik olarak seçili gelmesini sağlayabiliriz.

3. Yerelleştirme için İpuçları

Biraz da işin püf noktalarından bahsedelim:

• Çevirilerde Dikkat: Dil çevirilerini mutlaka doğru ve anlaşılır şekilde yapmamız gerek. Makine çevirilerinden ziyade, mümkünse profesyonel çeviri hizmeti kullanmak daha mantıklı olabilir.
• UI Testleri: Farklı dillerde uygulamanın nasıl göründüğünü test etmek oldukça önemli. Bazı dillerde metinler uzayabilir ve bu da tasarımda sorunlara yol açabilir.
• Kültürel Farklılıklar: Sadece dil değil, aynı zamanda kültürel farklılıklara da dikkat etmek gerek. Tarih formatı, para birimi gibi konuları göz önünde bulundurmalıyız.

4. Dinamik İçerik Yerelleştirme

Eğer uygulamamız dinamik içerikler sunuyorsa (örneğin API üzerinden veri çekiyorsa), bu verileri de yerelleştirmemiz gerekebilir. Kullanıcının seçtiği dile göre API’den çekilen veriyi farklı dillerde gösterebiliriz.

Future<void> fetchLocalizedContent(Locale locale) async {
  final response = await http.get(Uri.parse('https://api.example.com/content?lang=${locale.languageCode}'));
  // Dönen verileri işleyin ve UI'da gösterin
}

Bu sayede uygulamanın sadece statik içerik değil, dinamik içerikleri de yerelleştirilmiş şekilde sunulmuş olur.

Flutter ile çok dilli uygulama geliştirmek, geniş bir kullanıcı kitlesine hitap etmek ve kullanıcı deneyimini kişiselleştirmek açısından büyük avantaj sağlar. Flutter’ın yerleşik yerelleştirme araçları ve intl paketi ile bu süreci oldukça kolaylaştırabiliyoruz. Geliştirici olarak, yerelleştirme sürecini doğru yönetmek, uygulamanın başarısı için önemli bir adım.

Bu adımları takip ederek, çok dilli bir Flutter uygulaması geliştirmeye hazırız! Daha fazla bilgi ve kaynaklar için Flutter’ın yerelleştirme dokümantasyonuna göz atabilmek için linki buraya bırakıyorum.

Internationalizing Flutter apps

How to internationalize your Flutter app.

docs.flutter.dev

Kolay gelsin!

Selin.