Stateful Widget 만들기 과제 관련 2가지 궁금증

[이재준]

일단 선생님 ㅠㅠ 이렇게 코드 짜고 미리보기 실행했는데 미리보기가 뜨지를 않습니다.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}
class MyApp extends StatefulWidget {
  MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  var friend = ['서민영','이재준','정민경'];
  var like = [0,0,0];
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(backgroundColor: Colors.grey, toolbarHeight: 40),
        body: ListView.builder(
            itemCount: 3,
            itemBuilder:(context, i){
              return Row(
                children: [
                  ListTile(
                      leading: Text(like[i].toString()),
                      title: Text(friend[i])
                  ),
                  ElevatedButton(
                      onPressed: (){setState(() {
                        like[i]++;
                      });
                        },
                      style: ElevatedButton.styleFrom(
                        backgroundColor: Colors.blue
                      ),
                      child: Text('좋아요',style: TextStyle(color: Colors.white)))
                ],
              );
            } )
      ),
    );
  }
}

두번째는, 미리보기가 안떠서 일단 선생님 답이랑 비교했는데 너무도 다르더라구요. 혹시 이렇게 짜도 잘 동작 할까요?

그리고 왜 미리보기가 안뜰까요 ㅠㅠ

[이재준]

콘솔창 들어가서 오류메세지 보니까 page layout may be unexpected due to Quirks Mode 라고 떠서 구글에 검색해 봤는데, 이렇다 할 해결책이 안나옵니다...

[codingapple]

ListTile을 Expanded 위젯안에 담아봅시다

[이재준]

잘 됩니다... 정말 잘 되네요 ㅠㅠ 근데 왜 될까요

이유를 알려주십사.....

[codingapple]

ListTile이 얼마나 차지할지 폭지정이 안되어있어서 그랬나봅니다

[글쓴이]

글