Flutter Row 删除行

Question

我有一个 Container in Columns inside in a Row，问题是每边都显示了一些垂直线，呈灰色，我想将其删除。这是我的容器：

return Row(
  children: [
    const VerticalDivider(
      width: 30,
    ),
    Column(
      children: [
        const SizedBox(
          height: 20,
        ),
        InkWell(
            child: Container(
              width: 140,
              height: 90,
              decoration: BoxDecoration(
                color: Colors.purple,
                borderRadius: BorderRadius.circular(15),
                image: DecorationImage(
                  image: NetworkImage(urlImg),
                  fit: BoxFit.cover,
                ),
              ),
            ),
            onTap: () => {
                  Navigator.push(
                      context,
                      MaterialPageRoute(
                          builder: (context) => PageGame(
                              urlImagen: urlImg,
                              descripcionApi:
                                  descripcionImg,
                              tituloApi: tituloImg))),
                }),
        Text(
          tituloImg,
          style: const TextStyle(color: Colors.white),
        )
      ],
    ),
  ],
);

并且在 phone 上看起来像这样：

我怎样才能去除那些灰线？

Answer 1

创建一个灵活的小部件作为列小部件的父级，你的树将变成：

行<-灵活<-列<-容器

Answer 2

这些行是由于您的 VerticalDivider。您可以将其颜色设置为透明：

const VerticalDivider(
      width: 30,
      color: Colors.transparent
    ),

Answer 3

我们应该使用 , Divider() = Column(), VerticalDivider = Row()

const VerticalDivider(
            width: 20,
            thickness: 1,
            indent: 20,
            endIndent: 0,
            color: Colors.transparent,
          ),

Here is the RESOURCE

Flutter Row 删除行

Flutter Row remove lines

containers

flutter

flutter-layout