본문 바로가기

flutter10

[flutter] tapbar 하위 위젯 리렌더링시 스크롤 고정 첫번째는 scrollController를 사용했다. ScrollController _scrollController = ScrollController(); GestureDetector( onTap: () { }, child: Container( color: menuBar, height: 45, key: indexKey, child: Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ GestureDetector( onTap: () { final double scrollPosition = _scrollController.position.pixels; // 상태 변경 및 리렌더링 setState(() { index = 0; }); // 스크롤.. 2023. 7. 13.
[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] 새로운 페이지를 열 때는 단순한 인자 새로운 페이지를 열 때 이전 페이지에서 받아온 정보를 넘겨주는 방식으로 진행했다. 이 새로운 페이지를 다른 페이지에서도 열 것이라고 생각하지 못하고..! 개발이 많이 진행된 상태여서 MallDetail에서 받은 product를 또 새로운 페이지로 넘기고 다른 팀원도 넘기고 ,, 돌아올 수 없는 강을 건넌 것 같았지만 하나하나 다 수정하고 더 필요한 정보는 해당 페이지에서만 받아오도록 해서 해결했다. 많은 시간을 들였지만 보기에는 달라진게 없는 것 같은 약간의 허무함.. 느낀 점은 인자로 넘길 때는 간단한 정보만으로 페이지를 열 수 있도록 해야한다는 점. 2023. 7. 9.
[flutter] 페이지네이션(무한스크롤) 커스터마이징 - error 상황 -infinite_scroll_pagination 지금 작업하는 서버에서는 해당 카테고리에 상품이 없는 경우 error를 날린다. 따라서 이 패키지에서는 error가 생긴 경우 아래와 같은 사진이 나온다. 에러 메시지와 모양을 바꾸고 싶어서 시도했다. Widget build(BuildContext context) { return Padding( padding: EdgeInsets.only(top: widget.topPadding), child: Center( child: PagedListView( pagingController: _pagingController, builderDelegate: PagedChildBuilderDelegate( itemBuilder: (context, item, index) => ProductCard( product: ite.. 2023. 7. 7.

티스토리툴바