본문 바로가기

Coding21

[flutter] 터치했을 때 Splash 효과 없애기 - asknsolve.com 에서 Widget build(BuildContext context) { return MaterialApp( . . theme: ThemeData( . . splashColor: Colors.transparent, // 짧게 클릭했을 때 Splash효과 없애고 싶다면 추가 highlightColor: Colors.transparent, // 길게 클릭했을 때 Splash 효과 없애고 싶다면 추가 . . ) ); } ) 짧게 터치할 때의 효과 없애기 : splashColor를 Colors.transparent로 길게 터치할 때의 효과 없애기 : highlightColor를 Colors.transparent로 2023. 4. 3.
[flutter] GridView 속 이미지 크기 조정 : AspectRatio위젯 + BoxFit - 특정한 비율을 따르는 위젯을 만들 수 있도록 해 줌 itemBuilder: (context, index) => AspectRatio( aspectRatio: 9 / 16, child: FadeInImage.assetNetwork( fit: BoxFit.cover, placeholder: "assets/images/placeholder.jpg", image: "https://picsum.photos/id/$index/200/300.jpg"), ), AspectRatio( aspectRatio: 9 / 16, 가로 : 9 / 세로 : 16의 비율 fit: BoxFit.cover, - 이미지가 어떤 방식으로 부모요소에 적용될 지 정해줌 - 기본값은 BoxFit.contain - BoxFit.cover는 공.. 2023. 4. 3.
[Flutter] GridView - asknsolve.com GridView.builder( padding: const EdgeInsets.all(Sizes.size6), itemCount: 20, gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 2, crossAxisSpacing: 10, mainAxisSpacing: 10, childAspectRatio: 9 / 16, ), itemBuilder: (context, index) => Image.network( "https://picsum.photos/id/$index/900/1600.jpg"), ), itemCount: 20, - 그리드뷰에 표시할 최대 아이템 개수 - 설정하지 않으면 무제한 crossAxisCount:.. 2023. 4. 3.
[flutter] DefaultTextStyle widget : asknsolve.com DefaultTextStyle( style: TextStyle( color: Colors.grey.shade600, fontWeight: FontWeight.bold, ), child: const Row( children: [ Text("Apple"), Text("Banana"), Text( "Choco", style: TextStyle( color:Colors.red, ), ), Text("Donut"), Text("Eclipse"), ], ), ), - 여러 개의 Text 위젯이 있고, 같은 내용의 TextStyle을 기본값으로 주고 싶은 경우에 사용 - 기본값으로 넣어준 style이 모든 Text 위젯에 적용되며 - 자녀 Text 위젯에 기본값과 다른 style을 추가한 경우에는 기본값 대신 sty.. 2023. 4. 1.