liangchengyou / wow_english

  import 'package:flutter/cupertino.dart';

  import 'package:flutter/material.dart';
  import 'package:flutter_screenutil/flutter_screenutil.dart';
  import 'package:wow_english/common/extension/string_extension.dart';
  import 'package:wow_english/common/widgets/ow_image_widget.dart';
  
  import '../../../models/course_unit_entity.dart';
  

  ///课程（单元）item布局

  class CourseUnitItem extends StatelessWidget {
    const CourseUnitItem(
        {super.key, required this.unitEntity, required this.unitLesson});
  
    final CourseUnitEntity unitEntity;
    final CourseUnitDetail unitLesson;
  
    @override
    Widget build(BuildContext context) {
      return Padding(

          padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 24.h),
          child: Stack(
            children: [
              _normalItem(),
              _lockWidget(),
            ],
          ));

    }
  
    Widget _normalItem() {
      return Container(
        width: 165.w,
        padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 24.h),
        decoration: BoxDecoration(
          image: DecorationImage(
              image: AssetImage('gendubeij'.assetPng), fit: BoxFit.fill),
        ),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Expanded(
                child: Container(

              decoration: BoxDecoration(
                  border: Border.all(
                    width: 2,
                    color: const Color(0xFF140C10),

                  ),

                  borderRadius: BorderRadius.circular(6)),
              child: OwImageWidget(
                name: unitLesson.coverUrl ?? '',
                fit: BoxFit.fitHeight,
              ),
            )),

            20.verticalSpace,
            SizedBox(
              height: 40.h,
              child: Text(
                unitLesson.name ?? '',
                maxLines: 2,
                overflow: TextOverflow.ellipsis,

                style: TextStyle(fontSize: 11.sp, color: const Color(0xFF140C10)),

              ),
            )
          ],
        ),
      );
    }
  
    ///锁定状态下蒙层视图
    Widget _lockWidget() {
      return Visibility(
        visible: unitLesson.lock ?? false,

        child: Container(
          width: 165.w,

          decoration: BoxDecoration(

              image: DecorationImage(

                  image: AssetImage('gendubeij_mengban'.assetPng),
                  fit: BoxFit.fill)),

          alignment: Alignment.center,
          child: Image.asset(
            'iv_lock'.assetPng,
            height: 54.h,
            width: 61.5.w,

          ),
        ),
      );
    }
  }