Firestoreを配列内の構造体の値で検索する方法

Question

前提・実現したいこと

struct Box {
  let fruits: [Fruit]
// 以下略
}

struct Fruit {
  let type: String   // "みかん" "りんご"　など
// 以下略
}

上のような構造体Boxが入ったドキュメントのコレクションboxesを作成しました。
タイプが"みかん"のフルーツを含むBoxのリストを取得したいのですが、うまくいきません。

試したこと

let DB = Firestore.firestore()
DB.collection("boxes").whereField("fruits.type", arrayContains: "みかん").getDocuments()
DB.collection("boxes").whereField("fruits.type", isEqualTo: "みかん").getDocuments()
DB.collection("boxes").whereField("fruits.`${index}`.type", isEqualTo: "みかん").getDocuments()
DB.collection("boxes").whereField("fruits", arrayContains: "type.みかん").getDocuments()

4つともクエリを打ち、URLでインデックスを作成し、再度クエリを打ったのですが、結果は空のドキュメント配列でした。

よろしくお願いいたします。

追記

上記は簡易的な例で、実際のアプリはもっと複雑なのですが、公開ができないので、テストアプリを作りました。
firestoreのスクショ

テストアプリのViewController(コードが雑なのはご容赦ください)

import UIKit
import Firebase

class ViewController: UIViewController {

    let DB = Firestore.firestore()
    
    override func viewDidLoad() {
        super.viewDidLoad()

        let b = UIButton(frame: CGRect(x: 100, y: 200, width: 100, height: 50))
        b.backgroundColor = .red
        view.addSubview(b)
        b.addTarget(self, action: #selector(tapRed), for: .touchUpInside)

        let b2 = UIButton(frame: CGRect(x: 100, y: 300, width: 100, height: 50))
        b2.backgroundColor = .blue
        view.addSubview(b2)
        b2.addTarget(self, action: #selector(tapBlue), for: .touchUpInside)
    }
    
    @objc func tapRed() {
        let b = Box(name: "はこ1", fruits: [Fruit(type: "mikan"), Fruit(type: "apple")]).encoded()
        let r = DB.collection("boxes").document("b1")
        r.setData(b, completion: nil)
        
        let b2 = Box(name: "はこ2", fruits: [Fruit(type: "apple")]).encoded()
        let r2 = DB.collection("boxes").document("b2")
        r2.setData(b2, completion: nil)
        
        let b3 = Box(name: "はこ3", fruits: [Fruit(type: "mikan")]).encoded()
        let r3 = DB.collection("boxes").document("b3")
        r3.setData(b3, completion: nil)
    }
    
    @objc func tapBlue() {
        // みかんの入った箱(b1とb3)だけ取りたい
        let r = DB.collection("boxes").whereField("fruits", arrayContains: "type.mikan")
        r.getDocuments() { (snap, error) in
            print("結果", snap?.documents, error)
        }
    }
}

struct Box {
    let name: String
    let fruits: [Fruit]
    
    func encoded() -> [String:Any] {
        let fs = fruits.map({$0.encoded()})
        return ["name": name, "fruits": fs]
    }
}

struct Fruit {
    let type: String
    func encoded() -> [String:Any] {
        return ["type": type]
    }
}

どうしてもできない場合、fruitType配列をBoxに持たせようと思っていますが、ドキュメント内でデータが重複するので、できれば避けたいところです。
よろしくお願いいたします。

Comments

[hayabusabusash]

Firestore側にデータは保存されていますか？
Firestoreの画面のスクショなんかを貼っていただけると、何かわかるかもしれません。

[hayabusabusash]

追記ありがとうございます ????‍♂️
Firestoreからデータを読み込む部分を以下のようにしたらどうなりますか？
let r = DB.collection("boxes").whereField("fruits", arrayContains: "mikan")

[wine]

以下のような結果が返ってきました
結果 Optional([]) nil

[hayabusabusash]

なるほど、マップの配列になっているのがちょっと厄介かもしれませんね...
単純にfruitsフィールドをStringの配列にするとかは無理そうですか？

[wine]

実際のアプリだと、fruitにあたる構造体が結構大きいので、難しいです…

検索クエリがないとなると、やはりfruitType配列を別に持つのがベストでしょうか。。。

[hayabusabusash]

Firestoreの設計にはそこまで詳しくないので、ちょっとベストかは分かりませんが...
自分ならBoxには入っているフルーツの構造体をそのまま入れるのではなくて名前だけを持たせておいて、
別のコレクションにフルーツ本体の構造体を入れておくという構成にすると思います。
そうすると今よりは簡単にクエリの処理が書けると思います。

[wine]

すみません…。無理に簡易化させようと、果物と箱で例えた例が悪かったかもです。
実際のアプリはツイートと、中に複数のコンテンツ(ID、プレースホルダーの色、画像か動画かリンクか、縦横比など)があるようなデータなのです。
ツイート一覧を取得して、一時的な情報を素早く表示したいので、他のコレクションにして、再度取得して時間がかかるのは避けたいようなアプリです。
例えが悪く誤解させてしまい、申し訳ありません。。。

[hayabusabusash]

いえ、こちらこそちゃんとした回答ができず申し訳ないです ????‍♂️
ちょっとどんな状況なのかイマイチ掴めないので、
もし可能ならどんな構成になっているのか追記していただきたいです。
それが無理なら自分では力になれそうにないかもしれません、申し訳ないです...

[wine]

実際の構成は公開できないので、すみません。
やはり、構造体配列を使った検索クエリは無さそうという点は変わらないので、クエリ用のテキスト配列を持たせる方向でいこうと思います。

また、返信が早くて適確で、大変助かりました！
あまり要領を得ない質問やコメントだったかもしれませんが、お付き合いいただき感謝します！