본문 바로가기

gridview8

Flutter 네트워크에서 이미지를 로드하는 더 좋은 방법은 플러터입니다., Better way to load images from network flutter 질문 네트워크에서 이미지를 로드하고 GridView에 표시하려고 합니다. StatefulWidget을 사용하고 이미지를 build 메서드 내에서 로드하고 있습니다. 그러나 내가 이해한 바에 따르면 build 메서드 내에서 네트워크 호출을 하는 것은 좋지 않다고 생각합니다. 어떻게하면 BLoC 파일 내에서 네트워크에서 이미지를 다운로드하고 나중에 다운로드한 이미지 목록을 위젯에 전달할 수 있을까요? 아래는 현재의 구현입니다. class MovieList extends StatefulWidget { @override State createState() { return MovieListState(); } } class MovieListState extends State { @override void initS.. 2024. 1. 3.
Flutter 'List<widget>' 요소 유형은 'Widget' 리스트 유형에 할당할 수 없습니다., the element type 'List<widget>' can't be assigned to the list type 'Widget' 질문 데이터를 그리드뷰에 for 루프를 사용하여 추가하려고 시도하고 있지만 오류가 발생합니다. 다음은 컴포넌트의 코드입니다. return new GridView.count( crossAxisCount: 2, padding: const EdgeInsets.all(10.0), crossAxisSpacing: 10.0, mainAxisSpacing: 10.0, children: [getList()], ); getList() 코드 List getList() { List childs = []; for (var i = 0; i < 10; i++) { childs.add(new ListItem('abcd ' + $i)); } return childs; } 하지만 컴파일 시간 오류가 표시됩니다. 요소 유형 'List'.. 2023. 9. 21.
Flutter 리스트뷰를 SingleChildScrollView 안에 배치하되 서로 따로 스크롤되지 않도록 하는 방법은 무엇인가요?, how to place a listview inside a SingleChildScrollView but prevent them from scrolling separately? 질문 나는 다음과 같은 위젯 트리를 가지고 있습니다: SingleChildScrollView Column Container ListView(또는 GridView) 문제는 위와 같은 위젯 트리일 때, 오류가 발생한다는 것입니다: NEEDS PAINT 그래서 위젯 트리를 다음과 같이 변경했습니다: Column Container ListView(또는 GridView) 하지만 이 상황에서 ListView 또는 GridView 부분이 별도로 스크롤되고 있으며, 전체 위젯 트리를 스크롤하고 싶습니다. 어떻게 해야 할지 어떻게 생각하시나요? 답변 당신은 첫 번째 위젯 트리를 사용하고 다음 변경 사항을 적용할 수 있습니다: 모든 ListView와 GridView에 shrinkWrap: true를 설정하세요. 이렇게 하.. 2023. 8. 12.
Flutter 플러터에서 shrinkWrap 속성은 무엇을 하는가요?, What does the shrinkWrap property do in Flutter? 질문 Flutter에 새로 왔고 이 기술을 배우기를 매우 열망합니다. ListView에서 shrinkWrap 속성의 작동 방식을 이해할 수 없습니다. Flutter 문서를 이해할 수 없었습니다. 답변 ListView (그리고 GridView, PageView 및 CustomScrollView)는 일반적으로 부모 요소가 제공하는 사용 가능한 공간을 모두 채우려고 시도합니다. 그러나 목록 항목이 더 적은 공간을 필요로 할 때에도 마찬가지입니다. shrinkWrap: true를 사용하면 ListView가 필요한 공간만 차지하도록이 동작을 변경할 수 있습니다(항목이 더 많을 때에도 스크롤링됩니다). 다음 예제를 확인하세요: import 'package:flutter/material.dart'; void main.. 2023. 6. 1.