* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
영화 이미지 안에 있는 text의 세로방향 가운데 정렬이 안됩니다.
ps. 런처 우측에 있는 아이콘이 거대해졌어요.. 제가 얘 엄마인가요.. 다시 작게 만들 수 있나요?
작성한 코드 및 에러 메세지
import 'package:flutter/material.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: HomePage(), // 홈페이지 보여주기
);
}
}
class HomePage extends StatelessWidget {
const HomePage({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
// 음식 사진 데이터
List<Map<String, dynamic>> dataList = [
{
"category": "탑건: 매버릭",
"imgUrl": "https://i.ibb.co/sR32PN3/topgun.jpg",
},
{
"category": "마녀2",
"imgUrl": "https://i.ibb.co/CKMrv91/The-Witch.jpg",
},
{
"category": "범죄도시2",
"imgUrl": "https://i.ibb.co/2czdVdm/The-Outlaws.jpg",
},
{
"category": "헤어질 결심",
"imgUrl": "https://i.ibb.co/gM394CV/Decision-to-Leave.jpg",
},
{
"category": "브로커",
"imgUrl": "https://i.ibb.co/MSy1XNB/broker.jpg",
},
{
"category": "문폴",
"imgUrl": "https://i.ibb.co/4JYHHtc/Moonfall.jpg",
},
];
// 화면에 보이는 영역
return Scaffold(
appBar: AppBar(
title: Text(
"무비살롱",
style: TextStyle(
color: Colors.black, fontWeight: FontWeight.bold, fontSize: 24),
),
backgroundColor: Colors.white,
actions: <Widget>[
IconButton(
icon: Icon(Icons.account_circle, // 사용자 정보 아이콘
color: Colors.black54, // 아이콘 색상을 흰색으로 설정
size: 35),
onPressed: () {
// 여기에 아이콘을 탭했을 때 수행할 동작을 넣습니다.
// 예를 들어, 사용자 정보 페이지로 네비게이션 할 수 있습니다.
},
),
],
),
body: Column(
children: <Widget>[
Padding(
padding: const EdgeInsets.all(8.0),
child: TextField(
decoration: InputDecoration(
hintText: "제목을 검색하세요.", // 사용자가 입력을 시작하기 전에 표시되는 텍스트
),
),
),
Expanded(
child: ListView.builder(
// ListView.builder 시작
itemCount: dataList.length,
itemBuilder: (context, index) {
return Card(
// Card 시작
child: Stack(
// Column 시작
children: <Widget>[
Image.network(
dataList[index]['imgUrl'],
width: double.infinity,
height: 150,
fit: BoxFit.cover,
),
Align(
alignment: Alignment.center,
child: Text(
dataList[index]['category'],
//textAlign: TextAlign.center,
style: TextStyle(
fontSize: 36,
fontWeight: FontWeight.bold,
color: Colors.black,
),
),
),
],
),
);
},
),
),
],
),
);
}
}
오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.
Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.
Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!
