Flutter：圖像溢出

Question

導入大圖像時可以解決這個溢出問題嗎？ 我正在做一個界面項目，我想在導入大圖像時解決這個問題

改變這個：

對此：

我的代碼：

Scaffold(
        backgroundColor: Color(0xff131517),
        appBar : AppBar(),
        body: SafeArea(
          child: Directionality(
            textDirection: TextDirection.rtl,
            child: Column(
              children: [
                SizedBox(height: 10,),
                Container(child: Image.file(_image! , fit: BoxFit.contain , width: MediaQuery.of(context).size.width,)),
                Spacer(),
                Container(
                  height: 85,
                  color:Color(0xff1e1f23),
                  child: Center(
                    child: ListView(
                      scrollDirection: Axis.horizontal,
                      children: [],
                    ),
                  ),
                )
              ],
            )
          ),
        ),

Answer 1

您需要像這樣限制圖像所在容器（或圖像本身）的高度：

Scaffold(
        backgroundColor: Color(0xff131517),
        appBar : AppBar(),
        body: SafeArea(
          child: Directionality(
            textDirection: TextDirection.rtl,
            child: Column(
              children: [
                SizedBox(height: 10,),
                Container(
                  height: MediaQuery.of(context).size.height*0.9,
                  child: Image.file(
                    _image!,
                     fit: BoxFit.contain,
                     width: MediaQuery.of(context).size.width,
                    )
                ),
                Spacer(),
                Container(
                  height: 85,
                  color:Color(0xff1e1f23),
                  child: Center(
                    child: ListView(
                      scrollDirection: Axis.horizontal,
                      children: [],
                    ),
                  ),
                )
              ],
            )
          ),
        ),