소개
게시글
질문&답변
2024.09.18
섹션7에 portfolio_screen_dart에서 header와 footer가 붙는 현상 있습니다.
문제 해결함. import 'package:flutter/material.dart'; import 'package:flutter_web1/route_page.dart'; import 'package:flutter_web1/util/asset_path.dart'; import 'package:flutter_web1/util/my_color.dart'; import 'package:flutter_web1/util/screen_padding.dart'; import 'package:flutter_web1/widgets/menu/common_scaffold.dart'; import 'package:flutter_web1/widgets/menu/header.dart'; import 'package:flutter_web1/widgets/menu/menu.dart'; import 'package:flutter_web1/widgets/menu/screen_layout_builder.dart'; import 'package:flutter_web1/widgets/menu/page_drawer.dart'; class PortfolioScreen extends StatefulWidget { const PortfolioScreen({super.key}); @override State createState() => _PortfolioScreenState(); } class _PortfolioScreenState extends State { final List imageList = [ AssetPath.bird, AssetPath.butterfly, AssetPath.flutter, AssetPath.office, AssetPath.office_2, ]; @override Widget build(BuildContext context) { return ScreenLayoutBuilder( myBuilder: (screenModel, web, tablet, mobile) { var screenWidth = MediaQuery.of(context).size.width; return CommonScaffold( currentIndex:1, screenModel: screenModel, horizontalPadding: ScreenPadding.get(web,screenWidth), //size responsive 패딩 children: [ Header( title: "포트폴리오", subTitle: "샐링잇은 모바일, 웹, 어드민 뿐만 아니라\n" "여러 디바이스 환경에 맞는 디자인을 제안합니다.", backgroundImage: "", screenModel: screenModel, titleColor: Colors.red, subTitleColor: Colors.black, ), /*이지미 블록에 회색 blur음영 넣기 */ SizedBox( width: screenWidth, // height: 1010, height:5, child: OverflowBox( maxWidth: screenWidth, // maxHeight: 1010, child: SizedBox( width: screenWidth, // height: 1010, child: Container( // width: screenWidth, // height: 1010, decoration: BoxDecoration( boxShadow: [ BoxShadow( color: MyColor.gray20, blurRadius: 7, spreadRadius:3, offset: Offset(0, -5), ) ] ), ), ), ), ), const SizedBox(height: 50), GridView.count( physics: NeverScrollableScrollPhysics(), crossAxisCount: web ? 2 : 1, //웹인경우 한줄에 2개 사진위젯 shrinkWrap: true, //이미지 위젯 사이즈 만큼만 그림. childAspectRatio: 1.1, //이미지 비율이 가로 1.5됨 children: List.generate( imageList.length, (index) { return InkWell( //InkWell: 마우스를 올리면 손모양으로 바뀐다. //GestureDetector : 마우스 올려도 모양 안바뀜 onTap: () { RoutePage.movePage(context, RoutePage.portfolioDetail); }, child: Image.asset( imageList[index], fit: BoxFit.cover, ) ); } ) ), const SizedBox(height: 150), ], ); } ); } }위처럼, Conatainer 위에 sizedBox 위에 overFlowBox 위에 sizedBox를 해야 하는데, container 위에 overflowbox 위에 sizedbox해서 안된듯합니다. 그로인해서, sizedBox 안에 width:screenWidth도 빼먹게 되었고이제 해결했습니다.
- 0
- 2
- 22
스터디
모집중
2022.05.17 06:19
☆새벽 공부 한달 챌린지 스터디원 모집☆ 시작날 기준 70%출석제,( 5/23~ 6/17)_10명 선착순
- 0
- 0
- 122
스터디
모집중
2022.05.05 07:26
황금 4일(목,금,토,일)동안 죙일 모각코 스터디원 모집(선착순 10명)
- 2
- 0
- 210
스터디
모집중
2022.04.15 06:53
☆새벽 공부 한달 챌린지 스터디원 모집☆ 4/18월 시작! 선착순 10명
- 0
- 0
- 248
스터디
모집중
2022.04.12 08:01
☆새벽 공부 한달 챌린지 스터디원 모집 ☆ 4/18월 시작! 선착순 10명
- 0
- 0
- 228