SwiftUI リストをセクションで区切るとき

実現したいこと

iPhoneにある連絡先アプリの一覧画面のような、あいうえお順(濁点のものも同じセクション)でセクションで区切る。

前提

連絡先の情報は、APIで取得しています。

発生している問題・エラーメッセージ

エラーメッセージではないのですが、濁点があっても同じセクションに入れる方法がわからない状況です。

該当のソースコード

コードは抜粋しています。

SwiftUI
1struct ContactListView: View {    
2    let kanadata = ["ア","イ","ウ","エ","オ","カ","キ","ク","ケ","コ","サ","シ","ス","セ","ソ","タ","チ","ツ","テ","ト","ナ","ニ","ヌ","ネ","ノ","ハ","ヒ","フ","ヘ","ホ","マ","ミ","ム","メ","モ","ヤ","ユ","ヨ","ラ","リ","ル","レ","ロ","ワ"]
3
4var body: some View {
5NavigationView{
6            VStack{
7                List{
8                    ForEach(kanadata, id: \.self) { kana in
9                        
10                        let filteredContact = contact.filter{ $0.first_name_kana.hasPrefix(kana)}
11                        
12                        if !filteredContact.isEmpty {
13                            
14                            Section(header: Text("\(kana)")) {
15                                
16                                    ForEach(contact.filter{ $0.first_name_kana.hasPrefix(kana)}, id: \.contact_id) { item in
17                                  
18                                        NavigationLink(destination: ContactView(contactId: item.contact_id)){
19                                            HStack{
20                                                Text(item.first_name)
21                                                Text(item.last_name)
22                                            }
23                                        }

試したこと

下記の条件を修正してみましたが、うまくいきませんでした。
修正前
let filteredContact = contact.filter{ $0.first_name_kana.hasPrefix(kana)}
修正後
let filteredContact = contact.filter{ $0.first_name_kana.hasPrefix(kana) || contact.filter{ $0.first_name_kana.hasPrefix((kana + "゛"))}}

補足情報（FW/ツールのバージョンなど）

どのような方法で実現可能なのか分からず、困っています。

hoshi-takanori

2023/02/03 16:37

こんな感じ？ (セクションインデックス自前で作りたくないなあ…) https://stackoverflow.com/questions/58809357/swiftui-list-with-section-index-on-right-hand-side

kazuma1190

2023/02/04 02:27

回答いただきありがとうございました。頂いた情報を参考に格納したデータをセクションで区切るところまではできました。もし可能であれば教えていただければと思ってますが、濁点付きの文字も同じセクションに入れたい場合どのような実装になるでしょうか？

hoshi-takanori

2023/02/04 17:15

ガやパやをそれぞれカ、ハなどのセクションに入れる処理を、地道に書くしかないかと…。やり方はいろいろ考えられますが。

kazuma1190

2023/02/04 23:50

コメントありがとうございます。上記の試したこと、のような方法しか思い浮かばなかったのですが、他にはどのような方法があるのでしょうか？

行動規範の内容に同意します

回答1件

自己解決

下記追加で解決。
'''Swift
let kana_table = [
["ア","あ"],["イ","い"],["ウ","う"],["エ","え"],["オ","お"],
["カ","か"],["キ","き"],["ク","く"],["ケ","け"],["コ","こ"],
["サ","さ"],["シ","し"],["ス","す"],["セ","せ"],["ソ","そ"],
["タ","た"],["チ","ち"],["ツ","つ"],["テ","て"],["ト","と"],
["ナ","な"],["ニ","に"],["ヌ","ぬ"],["ネ","ね"],["ノ","の"],
["ハ","は"],["ヒ","ひ"],["フ","ふ"],["ヘ","へ"],["ホ","ほ"],
["マ","ま"],["ミ","み"],["ム","む"],["メ","め"],["モ","も"],
["ヤ","や"],["ユ","ゆ"],["ヨ","よ"],
["ラ","ら"],["リ","り"],["ル","る"],["レ","れ"],["ロ","ろ"],
["ワ","わ"],["ヲ","を"],["ン","ん"],
["ガ","か"],["ギ","き"],["グ","く"],["ゲ","け"],["ゴ","こ"],
["ザ","さ"],["ジ","し"],["ズ","す"],["ゼ","せ"],["ゾ","そ"],
["ダ","た"],["ヂ","ち"],["ヅ","つ"],["デ","て"],["ド","と"],
["バ","は"],["ビ","ひ"],["ブ","ふ"],["ベ","へ"],["ボ","ほ"]
]

let filteredContact = contact.filter {
let first_name_kana = $0.first_name_kana
let first_name_kana_prefix = String(first_name_kana.prefix(1))
if let index = kana_table.firstIndex(where: { $0[0].hasPrefix(first_name_kana_prefix) }) {
return kana == kana_table[index][1]
}
return first_name_kana.hasPrefix(kana)
}
'''