Blame view

lib/home/widgets/home_tab_header_widget.dart 2.02 KB
95edef4f   liangchengyou   feat:更新适配代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
  import 'package:flutter/material.dart';
  import 'package:flutter_screenutil/flutter_screenutil.dart';
  import 'package:wow_english/common/extension/string_extension.dart';
  
  class HomeTabHeaderWidget extends StatelessWidget {
    const HomeTabHeaderWidget({super.key});
  
    @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: [
            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: (){},
                icon: Image.asset('video'.assetPng)
            ),
            IconButton(
                onPressed: (){},
                icon: Image.asset('home'.assetPng)
            ),
            IconButton(
                onPressed: (){},
                icon: Image.asset('listen'.assetPng)
            ),
            IconButton(
                onPressed: (){},
                icon: Image.asset('shop'.assetPng)
            )
          ],
        ),
      );
    }
  }