• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

flutter样式

android 搞代码 4年前 (2022-03-01) 12次浏览 已收录 0个评论
//  服务页item
Widget _buildGridService() {
  return Scaffold(
      appBar: AppBar(
        elevation: 8.0, //暗影的高度
        title: Text('便民服务'),
        backgroundColor: MyColors.color_red,
        centerTitle: true, //题目是否居中,默认为false
      ),
      body: Center(
          child: GridView.extent(
        //禁止滚动
        physics: new NeverScrollableScrollPhysics(),
        //横轴的最大长度
        maxCrossAxisExtent: 150.0,
        padding: const EdgeInsets.all(5.0),
        //主轴距离 纵轴
        mainAxisSpacing: 1.0,
        //横轴距离 次轴
        crossAxisSpacing: 4.0,
        semanticChildCount: 3,
        children: _buildGridTileList(serviceList),
      )));
}
List<Container> _buildGridTileList(List<MyService> list) {
  return new List.generate(
      list.length,
      (int index) => new Container(
            child: new GestureDetector(
              onTap: () {
                print("---点击了:" + serviceList[index].text);
                Navigator.push(
                    context,
                    new MaterialPageRoute(
                        builder: (context) => new ServiceWebPage(
                            from: serviceList[index].text)));
              },
              child: Column(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: <Widget>[
                  Image.asset(
                    list[index].iconImage,
                    width: 50.0,
                    height: 50.0,
                    fit: BoxFit.fill,
                  ),
                  new Container(
                    padding: EdgeInsets.only(top: 5.0),
                    child: new Text(
                      list[index].text,
                      style: new TextStyle(
                        fontSize: 14.0,
                      ),
                    ),
                  )
                ],
              ),
            ),
          ));
}

搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:flutter样式
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址