Skip to content

Commit

Permalink
-Localisation Languages Screen Impl
Browse files Browse the repository at this point in the history
  • Loading branch information
@KhubaibKhan4
KhubaibKhan4 committed Dec 22, 2024
1 parent c756527 commit 0adf53e
Show file tree
Hide file tree
Showing 3 changed files with 99 additions and 44 deletions.
3 changes: 2 additions & 1 deletion Notes/NotesApp.swift
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,12 @@ import SwiftUI

@main
struct NotesApp: App {
@AppStorage("selectedCountry") private var storedCountry: String = "en"
var body: some Scene {
WindowGroup {
ContentView()
.modelContainer(for: [NotesItem.self,TodoItem.self])
.environment(\.locale, .init(identifier: "eng-us"))
.environment(\.locale, Locale(identifier: storedCountry))
}
}
}
3 changes: 2 additions & 1 deletion Notes/setting/Countries.swift
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,5 +11,6 @@ struct Country: Identifiable {
let id = UUID()
let name: String
let flag: String
let code: String
let language: String
let languageCode: String
}
137 changes: 95 additions & 42 deletions Notes/setting/SettingView.swift
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,65 +8,118 @@
import SwiftUI

struct CountrySelectorView: View {
@State private var searchText: String = ""
@State private var selectedCountry: Country? = nil
@State private var countries: [Country] = [
Country(name: "United States", flag: "🇺🇸", code: "+1"),
Country(name: "Canada", flag: "🇨🇦", code: "+1"),
Country(name: "United Kingdom", flag: "🇬🇧", code: "+44"),
Country(name: "India", flag: "🇮🇳", code: "+91"),
Country(name: "Germany", flag: "🇩🇪", code: "+49"),
Country(name: "Australia", flag: "🇦🇺", code: "+61"),
Country(name: "Japan", flag: "🇯🇵", code: "+81"),
Country(name: "France", flag: "🇫🇷", code: "+33"),
@State private var searchText: String = ""
@AppStorage("selectedCountry") private var storedCountry: String?
@State private var selectedCountry: Country? = nil
@State private var countries: [Country] = [
Country(name: "United States", flag: "🇺🇸", language: "English", languageCode: "en"),
Country(name: "Canada", flag: "🇨🇦", language: "English, French", languageCode: "en, fr"),
Country(name: "United Kingdom", flag: "🇬🇧", language: "English", languageCode: "en"),
Country(name: "India", flag: "🇮🇳", language: "Hindi, English", languageCode: "hi, en"),
Country(name: "Germany", flag: "🇩🇪", language: "German", languageCode: "de"),
Country(name: "Australia", flag: "🇦🇺", language: "English", languageCode: "en"),
Country(name: "Japan", flag: "🇯🇵", language: "Japanese", languageCode: "ja"),
Country(name: "France", flag: "🇫🇷", language: "French", languageCode: "fr"),
Country(name: "Brazil", flag: "🇧🇷", language: "Portuguese", languageCode: "pt"),
Country(name: "Russia", flag: "🇷🇺", language: "Russian", languageCode: "ru"),
Country(name: "China", flag: "🇨🇳", language: "Mandarin", languageCode: "zh"),
Country(name: "South Korea", flag: "🇰🇷", language: "Korean", languageCode: "ko"),
Country(name: "Italy", flag: "🇮🇹", language: "Italian", languageCode: "it"),
Country(name: "Spain", flag: "🇪🇸", language: "Spanish", languageCode: "es"),
Country(name: "Mexico", flag: "🇲🇽", language: "Spanish", languageCode: "es"),
Country(name: "Saudi Arabia", flag: "🇸🇦", language: "Arabic", languageCode: "ar"),
Country(name: "Sweden", flag: "🇸🇪", language: "Swedish", languageCode: "sv"),
Country(name: "Norway", flag: "🇳🇴", language: "Norwegian", languageCode: "no"),
Country(name: "Netherlands", flag: "🇳🇱", language: "Dutch", languageCode: "nl"),
Country(name: "Turkey", flag: "🇹🇷", language: "Turkish", languageCode: "tr"),
Country(name: "South Africa", flag: "🇿🇦", language: "Afrikaans, English", languageCode: "af, en"),
Country(name: "Egypt", flag: "🇪🇬", language: "Arabic", languageCode: "ar"),
Country(name: "Thailand", flag: "🇹🇭", language: "Thai", languageCode: "th"),
Country(name: "Vietnam", flag: "🇻🇳", language: "Vietnamese", languageCode: "vi"),
Country(name: "Argentina", flag: "🇦🇷", language: "Spanish", languageCode: "es"),
Country(name: "Nigeria", flag: "🇳🇬", language: "English", languageCode: "en"),
Country(name: "Indonesia", flag: "🇮🇩", language: "Indonesian", languageCode: "id"),
Country(name: "Pakistan", flag: "🇵🇰", language: "Urdu, English", languageCode: "ur, en"),
Country(name: "Bangladesh", flag: "🇧🇩", language: "Bengali", languageCode: "bn"),
Country(name: "Philippines", flag: "🇵🇭", language: "Filipino, English", languageCode: "fil, en"),
Country(name: "Malaysia", flag: "🇲🇾", language: "Malay", languageCode: "ms"),
Country(name: "Iran", flag: "🇮🇷", language: "Persian", languageCode: "fa"),
Country(name: "Iraq", flag: "🇮🇶", language: "Arabic, Kurdish", languageCode: "ar, ku"),
Country(name: "Israel", flag: "🇮🇱", language: "Hebrew", languageCode: "he"),
Country(name: "Portugal", flag: "🇵🇹", language: "Portuguese", languageCode: "pt"),
Country(name: "Poland", flag: "🇵🇱", language: "Polish", languageCode: "pl"),
Country(name: "Czech Republic", flag: "🇨🇿", language: "Czech", languageCode: "cs"),
Country(name: "Hungary", flag: "🇭🇺", language: "Hungarian", languageCode: "hu"),
Country(name: "Romania", flag: "🇷🇴", language: "Romanian", languageCode: "ro"),
Country(name: "Ukraine", flag: "🇺🇦", language: "Ukrainian", languageCode: "uk"),
Country(name: "Greece", flag: "🇬🇷", language: "Greek", languageCode: "el"),
Country(name: "Serbia", flag: "🇷🇸", language: "Serbian", languageCode: "sr"),
Country(name: "Switzerland", flag: "🇨🇭", language: "German, French, Italian", languageCode: "de, fr, it"),
Country(name: "Denmark", flag: "🇩🇰", language: "Danish", languageCode: "da"),
Country(name: "Finland", flag: "🇫🇮", language: "Finnish, Swedish", languageCode: "fi, sv"),
Country(name: "Iceland", flag: "🇮🇸", language: "Icelandic", languageCode: "is"),
Country(name: "Estonia", flag: "🇪🇪", language: "Estonian", languageCode: "et"),
Country(name: "Latvia", flag: "🇱🇻", language: "Latvian", languageCode: "lv"),
Country(name: "Lithuania", flag: "🇱🇹", language: "Lithuanian", languageCode: "lt"),
Country(name: "Belarus", flag: "🇧🇾", language: "Belarusian, Russian", languageCode: "be, ru"),
Country(name: "Kazakhstan", flag: "🇰🇿", language: "Kazakh, Russian", languageCode: "kk, ru"),
]




var filteredCountries: [Country] {
if searchText.isEmpty {
return countries
} else {
return countries.filter { $0.name.lowercased().contains(searchText.lowercased()) }
}
}

var body: some View {
NavigationView {
VStack {
TextField("Search countries", text: $searchText)
.padding(10)
.background(Color(.systemGray6))
.cornerRadius(8)
.padding(.horizontal)

List(filteredCountries) { country in
HStack {
Text(country.flag)
.font(.largeTitle)
VStack(alignment: .leading) {
Text(country.name)
.font(.headline)
Text(country.code)
.font(.subheadline)
.foregroundColor(.gray)
NavigationView {
VStack {
TextField("Search countries", text: $searchText)
.padding(10)
.background(Color(.systemGray6))
.cornerRadius(8)
.padding(.horizontal)

List(filteredCountries) { country in
HStack {
Text(country.flag)
.font(.largeTitle)
VStack(alignment: .leading) {
Text(country.name)
.font(.headline)
Text("\(country.language) (\(country.languageCode))")
.font(.subheadline)
.foregroundColor(.gray)
}
Spacer()
if selectedCountry?.id == country.id {
Image(systemName: "checkmark.circle.fill")
.foregroundColor(.blue)
}
}
Spacer()
if selectedCountry?.id == country.id {
Image(systemName: "checkmark.circle.fill")
.foregroundColor(.blue)
.contentShape(Rectangle())
.onTapGesture {
selectedCountry = country
storedCountry = country.languageCode
}
}
.contentShape(Rectangle())
.onTapGesture {
selectedCountry = country
}
.listStyle(PlainListStyle())


.padding()
.buttonStyle(.borderedProminent)
}
.listStyle(PlainListStyle())
.navigationTitle("Select Country")

}
.navigationTitle("Select Country")
}
}
}


struct CountrySelectorView_Previews: PreviewProvider {
static var previews: some View {
CountrySelectorView()
Expand Down

0 comments on commit 0adf53e

Please sign in to comment.