Как использовать Wrap Widget внутри Stack and Position - PullRequest
Новая
       18

Как использовать Wrap Widget внутри Stack and Position

0 голосов
/ 05 августа 2020 
Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Container(
          child: Stack(

            children: <Widget>[
              Positioned(
                left: 21.w,
                top: 57.h,
                child: Container(),
              ),

              
              Positioned(
                top: 179.h,
                child: Container(
                  child: Wrap(
                    children: <Widget>[
        // This renderSingleImage() displays image content
                      renderSingleImage(), 
                      renderSingleImage(),
                      renderSingleImage(),
                      renderSingleImage(),
                      renderSingleImage(),
                      renderSingleImage(),
                      renderSingleImage()
                    ],
                  ),
                ),
              )
            ],
          ),
        ),
      ),
    );
  }


Widget renderSingleImage() {
    return Padding(
      padding: EdgeInsets.only(top: 5.4.h, right: 5.8.w),
      child: Container(
        width: 125.9.w,
        height: 157.56.h,
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(5.w),
          image: DecorationImage(
            fit: BoxFit.cover,
            image: AssetImage("images/temp3.jpg"),
          ),
        ),
      ),
    );
  }

Виджет Wrap должен был отображать дочерние элементы в новой строке, когда он выходит за пределы , но в этом случае он этого не делает. Когда виджетов больше, он рендерится боком, но не меняет строку. Где я ошибся?

...