
* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
화면 만들어 보았는데 appbar에서 픽셀 오류가 납니다 저런 경우에는 어떻게 해결해야 할까요¿
화면 오른쪽으로 흰색배경 부분이 보이는데 이건 왜 이런걸까요¿
작성한 코드 및 에러 메세지
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
appBar: AppBar(
elevation: 0.0, //appBar 그림자 농도 설정 (값 0으로 제거)
backgroundColor: Colors.transparent,
leading: Column(
children: [
SizedBox(width: 16),
IconButton(
onPressed: () {},
icon: Icon(Icons.person_rounded),
),
Text('라이브러리')
],
),
leadingWidth: 100,
title: Row(
children: [
SizedBox(width: 70),
Icon(
Icons.music_note,
),
],
),
actions: [
Column(
children: [
IconButton(
onPressed: () {},
icon: Icon(Icons.show_chart),
),
Text('라이브러리')
],
),
],
),
extendBodyBehindAppBar: true,
body: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [
Color.fromARGB(255, 126, 193, 248),
Color.fromARGB(255, 3, 139, 251)
])),
child: Padding(
padding: const EdgeInsets.only(left: 70),
child: Column(
children: [
SizedBox(height: 100),
Text(
"Shazam하려면 탭하세요",
style: TextStyle(
color: Colors.white,
fontSize: 24,
fontWeight: FontWeight.bold,
),
),
SizedBox(height: 50),
Image.network(
"https://i.ibb.co/hxNbZ8p/shazam.png",
color: Colors.white,
width: 130,
height: 130,
),
SizedBox(height: 50),
Icon(
Icons.search,
color: Colors.white,
size: 30,
),
],
),
),
),
),
);
}
}
