【问题标题】:The named parameter 'icon' isn't defined. Try defining a named parameter with the name 'icon'未定义命名参数“icon”。尝试使用名称“icon”定义一个命名参数
【发布时间】:2020-09-05 10:21:00
【问题描述】:

Grid view with flutter icons with 2 columns and Each Images Text under the image aligned bottom center with 300 by 300 pixel dimensions or icon size 98 or 85我的代码如下`import

    appBar: AppBar(title: Text("Digital Directory"),),
  body: Center(
      child: GridView.count(
        primary: false,
        padding: const EdgeInsets.all(20),
        crossAxisSpacing: 10,
        mainAxisSpacing: 10,
        crossAxisCount: 2,
        children: <Widget>[
          Container(
            color: Colors.cyan[100],
             child: GestureDetector
          (
          onTap:(){

            Navigator.of(context).push(MaterialPageRoute(builder:(context)=>MobileAccessoriesPage(),
            ),
            );
          },

    child: Center (child:Text ('Mobiles'),icon:Icons.mobile_screen_share),

         ),
  ),

我正在使用颤动的平面图标构建网格视图应用程序,我想在单击平面图标时导航到另一个屏幕(即 .dart 页面/屏幕)`

【问题讨论】:

  • Center 没有 icon 属性。请添加您想要实现的目标的图片。

标签: flutter flutter-gridview


【解决方案1】:

使用以下代码更改 Child Of Center:

Center(
   child: Row(
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              crossAxisAlignment: CrossAxisAlignment.center,
                   children: [
                              Text(
                                'Mobiles',
                              ),
                              Icon(Icons.mobile_screen_share),
                            ],
                          ),
                         )

这将使文本“手机”和图标并排显示。如果您对对齐方式不满意,请更改 mainAxisAlignmentcrossAxisAlignment

【讨论】:

  • v谢谢你现在点击事件工作正常并且图像正在显示。请指导我如何增加图标的大小并显示图像下的文本底部中心正确对齐。
  • 通过在 Icon(Icons.mobile_screen_share, size:50.0) 中指定来更改图标大小。图片部分下的文字我没有得到,如果您能详细说明会更好。
  • 我希望标题文本与底部中心对齐,即在每个图像下方与中心正确对齐
  • 这将使文本“手机”和图标并排显示。如果您对对齐方式不满意,请更改 mainAxisAlignment 和 crossAxisAlignment。是的,我不高兴我希望 Text Alignment 与底部中心对齐。请指导我
  • 我建议您查看ColumnsRowStack 小部件。
猜你喜欢
  • 2021-05-13
  • 2021-01-08
  • 2022-07-06
  • 2022-01-04
  • 2020-02-13
  • 2022-11-01
  • 1970-01-01
  • 2020-06-24
相关资源
最近更新 更多