diff --git a/wallpaper/lib/pages/homepage/homepage_view.dart b/wallpaper/lib/pages/homepage/homepage_view.dart index 7444d9e..49ebf1e 100644 --- a/wallpaper/lib/pages/homepage/homepage_view.dart +++ b/wallpaper/lib/pages/homepage/homepage_view.dart @@ -1,4 +1,6 @@ // ignore_for_file: dead_code +// import 'dart:js'; + import 'package:flutter/material.dart'; import 'package:get/get.dart'; import 'package:transparent_image/transparent_image.dart'; @@ -9,7 +11,7 @@ class HomePageView extends GetView { @override Widget build(BuildContext context) { const title = "壁纸"; - final ListView headerView = getHeaderWidget(); + final SizedBox headerView = getHeaderWidget(context); final GridView bodyView = getBodyWidget(); return MaterialApp( @@ -20,11 +22,7 @@ class HomePageView extends GetView { ), body: Row( children: [ - SizedBox( - width: 400, - height: 40, - child: headerView, - ), + headerView, // bodyView, ], ), @@ -51,32 +49,40 @@ class HomePageView extends GetView { } //初始化顶部数据 - ListView getHeaderWidget(){ - return ListView( - scrollDirection: Axis.horizontal, - children: [ - Container( - width: 160, - color: Colors.red, - ), - Container( - width: 160, - color: Colors.blue, - ), - Container( - width: 160, - color: Colors.green, - ), - Container( - width: 160, - color: Colors.yellow, - ), - Container( - width: 160, - color: Colors.orange, - ), - ], - ); + SizedBox getHeaderWidget(BuildContext context){ + final size = MediaQuery.of(context).size; + final cw = 80.0; + + return SizedBox( + width: size.width, + height: 40, + child: ListView( + scrollDirection: Axis.horizontal, + children: [ + Container( + width: cw, + color: Colors.red, + ), + Container( + width: cw, + color: Colors.blue, + ), + Container( + width: cw, + color: Colors.green, + ), + Container( + width: cw, + color: Colors.yellow, + ), + Container( + width: cw, + color: Colors.orange, + ), + ], + ), + ); + } } \ No newline at end of file