😇
Liquid Glass登場したので、FlutterからRact Nativeに移行しておいてよかったという話
WWDCで発表されたAppleの画期的な「Liquid Glass」でUIの概念は一変しました。
👇 React Nativeに移行したよーという記事
React Nativeは既に「Liquid Glass」のライブラリができている
FlutterはAppleの驚異的な「Liquid Glass」UIに追いつくのに苦戦中 — そしてReact Nativeが勝利を収めている
React Native はすでにこのリキッドガラスエフェクトを簡単に実現する方法を見つけ出している一方で、Flutter はまだ追いついていません。
Appleのデザインの刷新は、これまで見たことのないものです。
「Liquid Glass」は、リアルなガラスのように滑らかで反射的かつ動的な特性を再現する美学です。
ボタンやスライダー、メニューなどのUI要素はもはや平面的ではなく、光を屈折させてリアルタイムに反応し、全体に半透明の質感を与えます。その見た目は圧巻で、洗練され、まさに革命的です。
そして皮肉なことに、このエフェクトを実装するのは非常に難しい――ただし React Nativeを使う場合を除いては。
なぜFlutterは対応できないのか
FlutterはSkiaという2Dグラフィックスエンジン上に独自のUIレイヤーを構築するのに対し、React Nativeは「ネイティブのビュー階層」をラップする形をとっているためです。
要するに、Flutterはゼロから独自のUIを構築しているので、Liquid Glassのライブラリを実装するには、シェーダーを1から書いたり、ネイティブビューを無理やり埋め込んだりする必要があります。
React Nativeでは、iOSやAndroidのネイティブコンポーネントをそのまま使う方式なので、Appleが用意したLiquid Glassコンポーネントをそのまま呼び出せます。
色々な反応
Discussion