問題タブ [screen-density]

私たちは Android アプリに取り組んでおり、同じ密度バケット内のデバイス、つまり「xxhdpi」、つまり Pixel と Pixel 2 がすべて同じに見えないという問題が発生しました。非常に画像の多い UI を使用しており、複数のオーバーレイされた画像の配置を整理する Constraint ビュー。これらの画面の一部の上部にあるナビゲーション ドロワーは、同じ画面サイズで異なる密度で余白が厚く、アプリの残りの部分が小さなフレームに押し込まれているため、問題をさらに悪化させます。

Pixel と Pixel 2 のレンダリングの違いの例を次に示します: Pixel 2と Pixel

より具体的な DPI の範囲に一致するように、より具体的なレイアウトを作成しようとしましたが、シミュレーターは何を試しても同じデバイスをグループ化します。これらは私たちが試したレイアウト カテゴリです。たとえば、sw320dp は最小画面幅を指します。

制約アンカーやパーセンテージ制約などの制約ビュー機能でこの問題に対処する方法はありますか? 別の方法として、レイアウト カテゴリをより狭く定義したり、同様のデバイスで dp スケールが同じにならないようにすることはできますか? すでにこのページと多数のスタック オーバーフローの投稿を参考にしました:複数の画面サイズのサポートに関する Android のガイド。

提案、コメント、または特定の質問は大歓迎です。これを読んでくれた人には、あらかじめ感謝します。

React-native で複数のアプリを構築していますが、密度の異なる複数の画像を配置できることがわかっています。React-native はタグでそれらを自動的に選択します。ネイティブの Android と iOS で同じことを行うことはわかっています。

低密度デバイス用にいくつかの変更が必要な場合は、わかります。アイコンの別のデザインか、そのようなものかもしれません。しかし、3x を持っていて、それを 2x と 1x にサイズ変更するとどうなるでしょうか。次に、同じ画像を取得しますが、ファイルは小さくなります。

ここで私の質問は、既に 3x を持っている場合、2x と 1x を追加することは本当に重要ですか? 私はそれで品質上の問題のパフォーマンスを見ていません。

Flutter を使用して小さなデモ アプリを作成しましたが、iphone x と android nexus 5x では見た目が異なります。Flutterには、さまざまな画面サイズと密度を説明するドキュメントがありますか? また、AppBar の外観も異なります。助けてください。