Flutter/Widget

Flutter/Widget

[Flutter] Scrollbar 사용방법

Scrollbar 현재 scroll 위치와 원하는 scroll위치를 Scrollbar를 통해 컨트롤하고 싶을 때 사용 하는 위젯       기본 사용법Scrollbar( child: ListView( children: [ for(int i = 0; i  기본적으로 스크롤이 되는 위젯 상위에 적용하여 사용이 가능합니다.ex) SingleChildScrollView, ListView, GridView...     제공 옵션Scrollbar( thumbVisibility: true, trackVisibility: true, interactive: true, scrollbarOrientation: ScrollbarOrientation.right, child: ListView( ch..

Flutter/Widget

[Flutter] showModalBottomSheet 디자인 모음(코드있음)

1. showModalBottomSheet( context: context, backgroundColor: Colors.white, isScrollControlled: true, builder: (context) { return SizedBox( height: MediaQuery.of(context).size.height * 0.7, width: double.infinity, child: Column( children: [ ///안에들어갈 아이템 추가 ], ), ); }, shape: const RoundedRectangleBorder( borderRadius: BorderRadius.only( topLeft: Radius.circular(20), topRight: Radius.circular(20), ..

Flutter/Widget

[Flutter] Checkbox 디자인 모음 (코드있음)

1. SizedBox( width: 20, height: 20, child: Checkbox( value: false, onChanged: (checkValue) {}, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(4), ), side: const BorderSide( color: Colors.grey, width: 1, ), ), ), 추후 계속 업데이트 예정..

Flutter/Widget

[Flutter] TextFormField 디자인 모음 (코드있음)

1. TextFormField( decoration: InputDecoration( border: OutlineInputBorder( borderRadius: BorderRadius.circular(8), ), enabledBorder: OutlineInputBorder( borderSide: BorderSide( color: Colors.grey, width: 1, ), ), focusedBorder: OutlineInputBorder( borderSide: BorderSide( color: Colors.grey, width: 1, ), ), prefixIcon: GestureDetector( onTap: () {}, child: Icon( Icons.search, size: 24, ), ), pref..

Flutter/Widget

[Flutter] Align //배치위젯

Align 부모의 위젯 안에서 자식 위젯을 배치시킬 수 있는 위젯. 생성자 Align({Key? key, AlignmentGeometry alignment = Alignment.center, double? widthFactor, double? heightFactor, Widget? child}) 속성 alignment 자식을 배치시키는 방법. heightFactor -> double 자식을 기준으로 가상의 높이를 가진 부모를 만들어 그 안에 배치. widthFactor -> double 자식을 기준으로 가상의 넓이를 가진 부모를 만들어 그 안에 배치. Align 사용해보기. 100*100 사이즈의 빨간 Container 를 생성했습니다. 이 Container를 중앙으로 위치하게 하고 싶으면 어떻게 해야 ..

Flutter/Widget

[Flutter] - AbsorbPointer //터치이벤트제어

AbsorbPointer 각종 터치이벤트를 제어할 수 있는 위젯. 생성자 AbsorbPointer ({Key? key, bool absorbing = true, Widget? child, bool? ignoringSemantics}) 속성 absorbing -> bool true = 터치이벤트 제어켬 false = 터치이벤트 제어끔 기본 값 true ignoringSemantics -> bool? 뭔지 알려주시면 감사하겠습니다. 잘 안쓰는거같아요. 기본값 null AbsorbPointer 사용해보기. + 버튼을 누르면 숫자가 올라가고 - 버튼을 누르면 숫자가 내려가는 이벤트를 하는 버튼들이 있습니다. AbsorbPointer 를 사용해 이 버튼들의 터치를 제어 하도록 하겠습니다. AbsorbPointer..

주톨
'Flutter/Widget' 카테고리의 글 목록