* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
숙제에서
아래와 같이 코딩하면
중간 이미지 크기가 조정이 안되네요
이유를 알 수 있을까요?
작성한 코드 및 에러 메세지
// 두번째 페이지
class SecondTab extends StatelessWidget {
const SecondTab({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Container(
alignment: Alignment.center,
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [Colors.blueAccent.shade100, Colors.blueAccent.shade700],
),
),
child: SafeArea(
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 8.0, horizontal: 16.0),
child: Column(
children: [
Row(
children: [
GestureDetector(
onTap: () {},
child: Column(
children: [
Icon(
Icons.person,
color: Colors.white,
),
Text(
"라이브러리",
style: TextStyle(color: Colors.white),
)
],
),
),
Spacer(),
GestureDetector(
onTap: () {},
child: Column(
children: [
Icon(
Icons.show_chart,
color: Colors.white,
),
Text(
"차트",
style: TextStyle(color: Colors.white),
),
],
))
],
),
SizedBox(height: MediaQuery.of(context).size.height * 0.1),
Text(
"Shazam하려면 탭하세요",
style: TextStyle(
color: Colors.white,
fontSize: 24,
fontWeight: FontWeight.bold,
),
),
SizedBox(height: MediaQuery.of(context).size.height * 0.06),
Container(
width: 200,
height: 200,
decoration: BoxDecoration(
color: Colors.blueAccent.shade100,
shape: BoxShape.circle,
),
child: Image.network(
width: 100,
height: 100,
"https://i.ibb.co/hxNbZ8p/shazam.png",
color: Colors.white,
),
),
SizedBox(height: MediaQuery.of(context).size.height * 0.1),
Container(
width: 50,
height: 50,
decoration: BoxDecoration(
color: Colors.blueAccent,
shape: BoxShape.circle,
),
child: Icon(
Icons.search,
color: Colors.white,
size: 30,
),
),
],
),
),
),
);
}
}
