FLUTTER3 [flutter] gridview 사이즈에 맞게 높이 조절하기 -item의 수에 따라 높이 조절(사진 접었다가 펴기) 사진이 여러장인 경우 간단하게 보이고 싶을 때 사용한다. 사진이 4장인 경우 2장만 보여주고 클릭하면 두장이 더 보이도록 한다. class PhotoScreen extends StatefulWidget { final List photos; const PhotoScreen({Key? key, required this.photos}) : super(key: key); @override _PhotoScreenState createState() => _PhotoScreenState(); } class _PhotoScreenState extends State { @override Widget build(BuildContext context) { return buildPhotoGrid(); } late int it.. 2023. 7. 15. [flutter] 이미지 슬라이드 - CarouselSlider CarouselSlider를 사용하면 이미지 슬라이드를 구현할 수 있다. CarouselSlider( options: CarouselOptions( // height: 200, aspectRatio: 1 / 1, autoPlay: false, enlargeCenterPage: true, enableInfiniteScroll: false, ), items: review.image.map((imageUrl) { return Container( child: Image.network( imageUrl, fit: BoxFit.cover, width: double.infinity, ), ); }).toList(), ) 이런 식으로 표시된다. 옆으로 넘길 수 있다. 2023. 7. 11. flutter - infinite_scroll_pagination을 이용한 페이지네이션 https://pub.dev/packages/infinite_scroll_pagination infinite_scroll_pagination | Flutter Package Lazily load and display pages of items as the user scrolls down your screen. pub.dev 오류1) future형을 사용하기 때문에 fetch함수 앞에 await을 사용하는데 ()없이 사용하여 뒷부분엔 적용이 안되어 뒤 함수가 사용될때는 newItem이 사용이 안되는 오류가 발생했다 class ProductList extends StatefulWidget { //상품리스트 ProductList({ Key? key, required this.futureProducts, req.. 2023. 7. 6. 이전 1 다음