イメージの1/3をフルスクリーンで表示する方法

Question

イメージがあり、複数の画面に分割して表示したいです。私は画像の1つのthridが画面全体を占めるようにしたい。

これまでのところ私は、画面の3分の1を取るために、画像の1/3を取得することができます：

Widget buildBGImage(String imageName) { 
    return new Container(
     decoration: new BoxDecoration(border: new Border.all()), 
     constraints: new BoxConstraints.expand(), 
    child: new SizedBox.expand(
     child: new ClipRect(
      clipper: new WidthClipper(currentPage), 
      child: new Image.asset(
       "assets/images/$imageName", 
       fit: ImageFit.fill) 
    ) 
), 
); 

}

class WidthClipper extends CustomClipper<Rect> { 
    int section; 

    WidthClipper(this.section); 

    @override 
    Rect getClip(Size size) { 
    return new Rect.fromLTWH(
     size.width * (section/3), 0.0, size.width/3, size.height); 
    } 

    @override 
    bool shouldReclip(WidthClipper oldClipper) => true; 
} 

が、私はどのように上の銀行を描いています1/3が画面全体を占めるようにします。

Answer 1

これは画像データをフルスクリーンにどのように合わせるかの質問ではありませんImage？また、オリジナル画像の3分の1のアスペクト比がフルスクリーンのアスペクト比に合わない場合はどうしますか？

この、フルスクリーンポートレートモードでの風景画像を、例えば、ディスプレイ（略）中央第三：それぞれ

new Image.network(
    "https://upload.wikimedia.org/wikipedia/commons/5/5a/Monument_Valley_2.jpg", 
    fit: ImageFit.fitHeight, 
    alignment: FractionalOffset.center, 
) 

alignment: FractionalOffset.centerLeftながらalignment: FractionalOffset.centerRightディスプレイ（おおよそ）左右の第三、。