석봉노트 석봉노트

DEV/flutter (dart)

• Flutter ListView에 List를 반복적으로 사용하기 좋은 builder

  DEV/flutter (dart) 2023. 1. 31. 15:31

  ListView는 말 그대로 리스트를 보여준다. 하지만 list의 경우 여러번 반복해서 사용하는 경우가 많다. 그런 경우 builder를 이용하자. // 목록(리스트) 2 ListView.builder( itemCount: 300, // 반복횟수 itemBuilder: (c, i){ return Text('대충 예시임, 여기에 ListTile 넣으면 더 간지날듯.') } )

  Read More
• Flutter ListView 위젯 예시 with ListTile

  DEV/flutter (dart) 2023. 1. 31. 15:28

  Flutter에서 스크롤이 있는 리스트 형식으로 데이터를 뿌려줄 때 사용할 수 있는 위젯 ListView // 목록(리스트), 스크롤이 생김! ListView( children: [ ListTile( // 대충 이미지, 아이콘 등... leading: const Icon(Icons.account_circle), title: Text('대충 이름'), trailing: TextButton(), ) ] ) ListTile은 가로로 항목을 배치할 때 유용하다.

  Read More
• Flutter 남은 공간을 채워주는 Expended

  DEV/flutter (dart) 2023. 1. 31. 15:18

  Flutter에서 남은 공간을 채우는 역할은 Expended를 이용하자! 아래 예시에서는 width의 100 을 뺀 나머지 공간을 Expended가 채우게 된다. // 박스 남은 공간 채우기 (Expended가 남은 공간을 채움) Row( children: [ Expended(child: 위젯...), Container(width: 100, ...), ] )

  Read More
• Flutter 비율을 관리하는 Flexible

  DEV/flutter (dart) 2023. 1. 31. 15:16

  Flutter에서는 웹의 Flex와 비슷한 기능으로 Flexible을 지원한다. // 박스 비율(범위) 예시 1:1:1 Row( children: [ Flexible(child: 위젯..., flex: 5), Flexible(child: 위젯..., flex: 5), Flexible(child: 위젯..., flex: 5), ] )

  Read More
• Flutter Button 위젯 예시 (TextButton, IconButton, ElevatedButton)

  DEV/flutter (dart) 2023. 1. 31. 15:11

  // 버튼 예시 (TextButton, IconButton, ElevatedButton 등등...) EleveatedButton( child: Text('버튼'), onPressed: (){}, )

  Read More