본문 바로가기

UI32

Flutter 플러터에서 shrinkWrap 속성은 무엇을 하는가요?, What does the shrinkWrap property do in Flutter? 질문 Flutter에 새로 왔고 이 기술을 배우기를 매우 열망합니다. ListView에서 shrinkWrap 속성의 작동 방식을 이해할 수 없습니다. Flutter 문서를 이해할 수 없었습니다. 답변 ListView (그리고 GridView, PageView 및 CustomScrollView)는 일반적으로 부모 요소가 제공하는 사용 가능한 공간을 모두 채우려고 시도합니다. 그러나 목록 항목이 더 적은 공간을 필요로 할 때에도 마찬가지입니다. shrinkWrap: true를 사용하면 ListView가 필요한 공간만 차지하도록이 동작을 변경할 수 있습니다(항목이 더 많을 때에도 스크롤링됩니다). 다음 예제를 확인하세요: import 'package:flutter/material.dart'; void main.. 2023. 6. 1.
Flutter 플러터에서 모달 바텀 시트를 프로그래밍 방식으로 닫는 방법, Close modal bottom sheet programmatically in flutter 질문 저는 showModalBottomSheet()를 통해 BottomSheet를 표시하고 여러 위젯과 GestureDetector 내부에서 작동합니다. BottomSheet를 바깥쪽을 터치하여 닫는 것뿐만 아니라, GestureDetector 내부의 onTap 이벤트 후에도 닫히기를 원합니다. 그러나 GestureDetector가 터치 이벤트를 전달하지 않는 것 같습니다. 그래서 ModalBottomSheet를 프로그래밍 방식으로 닫거나 GestureDetector가 터치 이벤트를 전달하도록 지시하는 방법이 있는지 궁금합니다. 업데이트 (2018-04-12): 더 잘 이해하기 위해 코드 스니펫을 따릅니다. "아이템 1" 또는 "아이템 2"를 탭할 때 ModalBottomSheet가 닫히지 않는 문제가 .. 2023. 5. 31.
Flutter 둥근 테두리가 있는 버튼 만들기 [중복], Create a button with rounded border [duplicate] 질문 FlatButton을 둥근 테두리 버튼으로 만드는 방법은 어떻게 하시겠습니까? RoundedRectangleBorder를 사용하여 둥근 테두리 모양을 가지고 있지만 경계를 색칠해야합니다. new FlatButton( child: new Text("Button text), onPressed: null, shape: new RoundedRectangleBorder(borderRadius: new BorderRadius.circular(30.0)) ) 둥근 버튼 예시 : 답변 FlatButton 대신 OutlinedButton을(를) 사용하세요. OutlinedButton( onPressed: null, style: ButtonStyle( shape: MaterialStateProperty.all(Rou.. 2023. 5. 31.
Flutter 플러터 앱에 날짜 선택기를 추가하는 올바른 방법은 무엇인가요?, What is the correct way to add date picker in flutter app? 질문 내 앱에서는 회원 가입 페이지를 만들고 있습니다. 그곳에는 생년월일을 추가해야 합니다. 그러나 이를 위한 올바른 방법을 찾지 못하고 있습니다. 답변 사용 방법을 보여주는 간단한 앱: import 'dart:async'; import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return const MaterialApp( title: 'Flutter Demo', home: MyHomePage(title: 'Flutter Demo Home Page'), ); } } class My.. 2023. 5. 30.