Image.network переопределяет флаттер свойства радиуса границы - PullRequest
Новая
       73

Image.network переопределяет флаттер свойства радиуса границы

0 голосов
/ 28 мая 2020

И после загрузки изображения оно принимает полный размер контейнера, переопределив радиус границы.

Это результат, который я получал Снимок экрана1

это результат, который я искал ScreenShot2

код: 

StaggeredGridView.countBuilder(
                padding: EdgeInsets.all(8.0),
                crossAxisCount: 4,
                itemCount: wallpapersList.length,
                itemBuilder: (context, index) {
                  String imgPath = wallpapersList[index].data['url'];
                  return Container(
                      decoration: BoxDecoration(
                        color: kSecondaryColor,
                        borderRadius: BorderRadius.all(
                          Radius.circular(20),
                        ),
                      ),
                      child: Image.network(imgPath, fit: BoxFit.fitHeight,
                          loadingBuilder: (BuildContext context, Widget child,
                              ImageChunkEvent loadingProgress) {
                        if (loadingProgress == null) return child;
                        return Center(
                          child: SpinKitDoubleBounce(
                            color: Colors.white,
                          ),
                        );
                      }));

1 Ответ

0 голосов
/ 15 июля 2020

Изображения не следуют за радиусом границы контейнера.

Итак, что вам нужно сделать, это использовать ClipRRect ()

Использовать это так 

Container(
child: ClipRRect(
    borderRadius: BorderRadius.circular(20),
    child: Image.network(),
  ),
),

Просто добавьте виджет ClipRRect, и он должен работать.

...