flutter-样式

代码语言：txt复制

//  服务页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),
      )));
}

代码语言：txt复制

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,
                      ),
                    ),
                  )
                ],
              ),
            ),
          ));
}

flutter

0 人点赞