[flutter] 6.8~

6.8 Webtoon Card

ListView는 보이는 영역만 빌드한다.  그렇게 최적화 하는 것. 

빌더가 너무 많은게 싫으면 이 부분을 추출해서 별개의 메소드로 작성하면 된다. 

code action으로 extract method를 클릭.

method 이름은 makeList라고 하자. 

 

ListView에 높이값이 없기때문에 Column은 ListView가 얼마나 큰지 모른다. 

근데 나는 이 에러안나오는데.. 노마드코더는 나옴

expanded는 child가 플랙스 위젯의 메인 axis를 따라서 가능한 space를 다 채우도록 한다. 

이미지를 Image.network(url)로 가져오는데.. 에러가 난다!

시뮬레이터에서 나는 에러인데 

https://gist.github.com/preinpost/941efd33dff90d9f8c7a208da40c18a9

headers override

 

방법1

child: Image.network(
webtoon.thumb,
headers: const {
'Referer': 'https://comic.naver.com',
},
),

방법2

class MyHttpOverrides extends HttpOverrides {
  @override
  HttpClient createHttpClient(SecurityContext? context) {
    return super.createHttpClient(context)
      ..userAgent = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36';
  }
}

void main() {
  HttpOverrides.global = MyHttpOverrides();

  runApp(const App());
}

class App extends StatelessWidget {
  const App({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomeScreen(),
    );
  }
}

나는 방법 1로 해결

자식의 영역을 침범하는것을 Clipbehavior

 

시작부분 padding들어가게.

boxshadow는 해가 어디에 올라와잇는지를 생각하면서 넣기