Как сделать границу внутри GridView

Question

Так что я пытаюсь достичь GridView, как эти приложения, я понятия не имею, как это сделать. Вы можете помочь мне?

Answer 1

Это будет работать отлично, проверьте это.

Это вид сетки

          crossAxisCount: 3,
          childAspectRatio: 1.0,
          children: List.generate(
            20,
            (index) => _gridTile('Sarapan'),
          ),
        ),

Это виджет плитки сетки

Widget _gridTile(String name) {
    return Container(
      decoration: BoxDecoration(
        border: Border.all(
          color: Colors.black54,
          width: 0.3,
        ),
      ),
      child: Center(
        child: Text(
          name,
          style: TextStyle(
            fontSize: 20,
            fontWeight: FontWeight.w500,
          ),
        ),
      ),
    );
  }

Код выше производит вывод ниже: