異なる画面アスペクト比とポートレートと風景モードのチャット画面の背景画像が必要

Question

チャット画面の背景画像を使用します。その目的のためにタイル可能な画像を作成しました。モバイルは、多くの縦横比とポートレートと風景をサポートしています。そのユースケースをサポートするFlutterの良い方法は何でしょうか？ 1つのアイデアは、タイルに参加し、背景のために実行時にピクチャをトリミングすることです。それは可能ですか？それに対して直接フラッタサポートはありますか？あなたが応答アプリケーション

Creating Responsive Apps

についてフラッターのドキュメントを読む必要が

Answer 1

はまた、デバイスの向きをキャプチャMediaQueryDataクラスを見てみましょう。あなたはこれらのプロパティ

MediaQueryData

Answer 2

これは、風景やpotraitと異なるデバイスの解像度のためにどのような作品であるを見て、背景を切り替えることができます。実行時にそのレイヤーを保存するには、不透明度を画像に直接設定することができます。異なる解像度で背景を提供していることを確認してください。 https://flutter.io/assets-and-images/

注：renderMessageListContentはフォアグラウンドのコンテンツです！

@override 
    Widget build(BuildContext context) => new Stack(children: <Widget>[ 
     new Positioned.fill(
      child: new Opacity(
      opacity: 0.2, 
      child: new Image.asset(
      'assets/chat_background.png', 
      repeat: ImageRepeat.repeat, 
      fit: BoxFit.none 
     ), 
     )), 
     new Opacity(
      opacity: 0.15, 
      child: new Container(color: Theme.of(context).primaryColor)), 
     renderMessageListContent 
     ]);