flutter_note/lib/views/homepage/mall_recommend.dart

import 'package:flutter/material.dart';
import 'package:flutter_note/routers/application.dart';
import 'package:flutter_note/model/home_page_model.dart';
import 'package:flutter_note/routers/routers.dart';

class RecommendWidget extends StatelessWidget {
  final List<Recommend> recommendList;

  RecommendWidget({Key key, @required this.recommendList}) : super(key: key);

  Widget _recommendTitle() {
    return Container(
      alignment: Alignment.center,
      padding: const EdgeInsets.symmetric(horizontal: 12.0, vertical: 6.0),
      decoration: BoxDecoration(
          border:
              Border(bottom: BorderSide(color: Colors.black12, width: 1.0))),
      child: Text('商品推荐', style: TextStyle(color: Colors.pink)),
    );
  }

  Widget _recommendItem(BuildContext context, int index) {
    return InkWell(
      onTap: () {
        Application.router.navigateTo(context,
            Routers.generateDetailsRouterPath(recommendList[index].goodsId));
      },
      child: Container(
        width: MediaQuery.of(context).size.width / 3,
        height: 180.0,
        alignment: Alignment.center,
        decoration: BoxDecoration(
            border: Border(
              left: BorderSide(color: Colors.black12),
              bottom: BorderSide(color: Colors.black12),
            ),
            color: Colors.white),
        child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Image.network(recommendList[index].image, height: 120.0),
              Text('￥${recommendList[index].mallPrice}',
                  style: TextStyle(fontSize: 16.0)),
              Text('￥${recommendList[index].price}',
                  style: TextStyle(
                      decoration: TextDecoration.lineThrough,
                      decorationColor: Colors.black45))
            ]),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return SliverToBoxAdapter(
      child: Container(
        alignment: Alignment.center,
        margin: const EdgeInsets.only(top: 6.0),
        child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              _recommendTitle(),
              SizedBox(
                height: 180.0,
                child: ListView.builder(
                    itemBuilder: _recommendItem,
                    itemCount: this.recommendList.length,
                    scrollDirection: Axis.horizontal),
              )
            ]),
      ),
    );
  }
}