lib/home/widgets/home_tab_header_widget.dart

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:wow_english/common/extension/string_extension.dart';
enum HeaderActionType {
  //视频跟读
  video,
  //阶段选择
  phase,
  //磨耳朵
  listen,
  //购买
  shop,
}
class HomeTabHeaderWidget extends StatelessWidget {
  const HomeTabHeaderWidget({super.key,  this.actionTap});
  final Function(HeaderActionType type)? actionTap;
  @override
  Widget build(BuildContext context) {
    return Container(
      height: 45.h,
      width: double.infinity,
      color: Colors.purple,
      padding: EdgeInsets.symmetric(horizontal: 9.5.w),
      child: Row(
        children: [
          ScreenUtil().bottomBarHeight.horizontalSpace,
          ClipRRect(
            borderRadius:BorderRadius.circular(21),
            child: Image.network(
              'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2Faa1c2213-820a-4223-8757-5f8cee318a28%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1688713226&t=192b18a613683bcdc5bd76f65c9ff032',
              height: 42,
              width: 42,
              fit: BoxFit.fill,
            ),
          ),
          Container(
            color: Colors.white,
            margin: const EdgeInsets.only(left: 7),
            padding: const EdgeInsets.all(7.0),
            child:  const Text('franky'),
          ),
          20.horizontalSpace,
          const Expanded(
              child:Text(
                  'learn wow!yellow',
                  textAlign:TextAlign.left,
                style: TextStyle(
                  color: Colors.white,
                  fontSize: 30.0
                ),
              )
          ),
          IconButton(
              onPressed: (){
                if(actionTap != null) {
                  actionTap!(HeaderActionType.video);
                }
              },
              icon: Image.asset('video'.assetPng)
          ),
          IconButton(
              onPressed: (){
                if(actionTap != null) {
                  actionTap!(HeaderActionType.phase);
                }
              },
              icon: Image.asset('home'.assetPng)
          ),
          IconButton(
              onPressed: (){
                if(actionTap != null) {
                  actionTap!(HeaderActionType.listen);
                }
              },
              icon: Image.asset('listen'.assetPng)
          ),
          IconButton(
              onPressed: (){
                if(actionTap != null) {
                  actionTap!(HeaderActionType.shop);
                }
              },
              icon: Image.asset('shop'.assetPng)
          ),
          ScreenUtil().bottomBarHeight.horizontalSpace,
        ],
      ),
    );
  }
}