Флаттер GridView.counter - PullRequest
0 голосов
/ 22 января 2020

У меня проблема с флаттером, потому что я не могу сделать сетку для отображения меню списка. Я пытаюсь создать это с помощью расширенного виджета и GridView.Counter. но после попытки, этот макет полностью белого цвета и некоторые виджеты скрыть

Expanded(
  child: Container(
  width: double.infinity,
  decoration: BoxDecoration(
    color: Colors.white,
    borderRadius: BorderRadius.only(topLeft: Radius.circular(30), topRight:Radius.circular(30))
    ),
  child: Padding(
    padding: EdgeInsets.all(20),
    child: Column(
    mainAxisAlignment: MainAxisAlignment.start,
    crossAxisAlignment: CrossAxisAlignment.start,
    children: <Widget>[
    Text('Layanan Hommy', style: TextStyle(fontSize: 18),),
    SizedBox(height: 10,),
    Text('Beberapa Layanan di Hommy.ID', style: TextStyle(color: Colors.pinkAccent),),
    Column(
      children: <Widget>[
         GridMenu()
    ],
  )
 ],
   ),
  ),
 ),
 )

это мой код вида сетки

GridView.count(
        crossAxisCount: 3,
        childAspectRatio: 1.0,
        padding: const EdgeInsets.all(15),
        mainAxisSpacing: 15.0,
        crossAxisSpacing: 12.0,
        children: <Widget>[
          Container(
              padding: EdgeInsets.all(10),
              decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.circular(10),
                boxShadow: [
                  BoxShadow(
                    color: Color.fromRGBO(235, 26, 162, .3),
                    spreadRadius: 1,
                    blurRadius: 3,
                    offset: Offset(0, 2)
                  )
                ]
              ),
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.center,
                children: <Widget>[
                  Icon(Icons.access_alarm, size: 50.0),
                  Text('Lorem Ipsum Dolor', style:TextStyle(color: Colors.pinkAccent), textAlign: TextAlign.center,)
                ],
              ),
            ),

        ],
      ),
...