3-group-ios/WallPaper_ZZH_Flutter
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

准备header

Browse Source
This commit is contained in:
bluesea 2024-05-11 16:41:58 +08:00
parent 5572c8bc62
commit 3983d553a9
1 changed files with 38 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
wallpaper/lib/pages/homepage/homepage_view.dart
View File

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