title: How to add vertical and horizontal line around Flutter grid view?
body: <p>I am new to flutter and currently I'm working on an Online game app. In main page I have implemented image slider and grid view that show category of Games.I want to add vertical and horizontal line around the grid view like image attached, I have tried to add Divider but result is not same what I want.</p>
  
  <p>I want to do same this image</p>
  
  <p><a href="https://i.stack.imgur.com/J9E0Q.png" rel="noreferrer"><img src="https://i.stack.imgur.com/J9E0Q.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/tQpIK.png" rel="noreferrer"><img src="https://i.stack.imgur.com/tQpIK.png" alt="enter image description here"></a></p>
  
  <p><a href="https://dribbble.com/shots/6913576-Papricon-Premium-Icons-from-Paperpillar/attachments" rel="noreferrer">https://dribbble.com/shots/6913576-Papricon-Premium-Icons-from-Paperpillar/attachments</a></p>
  
  <p>I really don't know how to draw line like that.</p>
  
  <p>Here is some of my code which I tried to achieve this</p>
  
  <pre><code>_buildGameCategory() {
      List&lt;Map&lt;String, dynamic&gt;&gt; games = [
        {
          "title": AppMenu.sport,
          "page": "Sport",
          "icon": AppImages.icon_sport,
        },
        {
          "title": AppMenu.live_casino,
          "page": "LiveCasino",
          "icon": AppImages.icon_casino,
        },
        {
          "title": AppMenu.virtual_sport,
          "page": "VirtualSport",
          "icon": AppImages.icon_sport,
        },
        {
          "title": AppMenu.game,
          "page": "Games",
          "icon": AppImages.icon_casino,
        },
        {
          "title": AppMenu.game,
          "page": "Games",
          "icon": AppImages.icon_casino,
        },
        {
          "title": AppMenu.game,
          "page": "Games",
          "icon": AppImages.icon_casino,
        }
      ];
  return GridView.count(
    shrinkWrap: true,
    crossAxisCount: 3,
    padding: EdgeInsets.all(Constant.sizeMedium),
    crossAxisSpacing: Constant.sizeSmall,
    mainAxisSpacing: Constant.sizeSmall,
    physics: BouncingScrollPhysics(),
    children: games.map((category) {
      return GestureDetector(
        child: Card(
            elevation: 0.0,
            color: AppColors.color2,
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: &lt;Widget&gt;[
                Center(
                  child: Container(
                    width: 80.0,
                    height: 80.0,
                    child: Stack(
                      children: &lt;Widget&gt;[AppIcons.iconGame],
                    ),
                  ),
                ),
                Expanded(
                  child: Text(
                    category["title"],
                    style: TextStyle(
                        fontSize: FontSize.s18,
                        fontWeight: FontWeight.w400,
                        color: AppColors.color1),
                  ),
                ),
                Divider(color: Colors.white, thickness: 1.0),
              ],
            )),
        onTap: () {
          print(category);
        },
      );
    }).toList(),
  );
  </code></pre>
  
  <p>}</p>