ExpoでiOS26のLiquid Glassのスタイルを無効化したい

こんにちは！テラーノベルでフロントエンドを担当している@kazutoyoです！

みなさんのExpoで作られたiOSアプリはLiquid Glassに対応されていますでしょうか？

Xcode 26でビルドされたアプリは現在自動的にLiquid Glassが適用されてしまいます。

それによって表示が崩れた、けど以前のXcodeビルドするのも面倒…というときのため、Liquid Glassを無効化する方法のご紹介です。

Liquid Glassを無効化する

こちらのAppleのドキュメントにあるように、次のメジャーアップデート（Xcode 27?）までの機関となりますが、Info.plistに UIDesignRequiresCompatibility: YESを設定することで、Liquid Glassを無効化することができます。

https://developer.apple.com/documentation/BundleResources/Information-Property-List/UIDesignRequiresCompatibility

Expoの場合は app.json / app.config.js に ios → infoPlist で次のように設定をします。

https://docs.expo.dev/versions/latest/config/app/#infoplist

{
    ios: {
      infoPlist: {
        UIDesignRequiresCompatibility: true,
      }
    }
}

Expo Dev Clientを使っている場合、こちらでPrebuildを行うことで、Xcodeのプロジェクトが生成され、そちらのInfo.plistに UIDesignRequiresCompatibility: YES が設定されます。

まとめ

一時的な対応ではありますが、ExpoのアプリでiOS 26のLiquid Glassを無効化することができます。

将来的にはLiquid Glassに対応する必要があるため、こちらの資料でもあるような対応を行い、Liquid Glassに対応していきましょう！

https://zenn.dev/tellernovel_inc/articles/231fbe60d823fd

参考文献

https://developer.apple.com/documentation/BundleResources/Information-Property-List/UIDesignRequiresCompatibility
https://zenn.dev/dely_jp/articles/runtime-liquid-glass
https://docs.expo.dev/router/advanced/stack/#method-1-use-uidesignrequirescompatibility