scrolling5 Flutter 플러터 - FloatingActionButton 숨기기, Flutter - Hiding FloatingActionButton 질문 Flutter에서 ListView를 아래로 스크롤할 때 FloatingActionButton을 숨기고, 위로 스크롤할 때 보여주는 내장된 방법이 있을까요? 답변 import 'package:flutter/material.dart'; import 'package:flutter/rendering.dart'; void main() { runApp(new MyApp()); } class MyApp extends StatelessWidget { // 이 위젯은 앱의 루트입니다. @override Widget build(BuildContext context) { return new MaterialApp( title: 'Flutter 데모', theme: new ThemeData( primarySwatch: C.. 2023. 9. 29. Flutter 리스트뷰를 SingleChildScrollView 안에 배치하되 서로 따로 스크롤되지 않도록 하는 방법은 무엇인가요?, how to place a listview inside a SingleChildScrollView but prevent them from scrolling separately? 질문 나는 다음과 같은 위젯 트리를 가지고 있습니다: SingleChildScrollView Column Container ListView(또는 GridView) 문제는 위와 같은 위젯 트리일 때, 오류가 발생한다는 것입니다: NEEDS PAINT 그래서 위젯 트리를 다음과 같이 변경했습니다: Column Container ListView(또는 GridView) 하지만 이 상황에서 ListView 또는 GridView 부분이 별도로 스크롤되고 있으며, 전체 위젯 트리를 스크롤하고 싶습니다. 어떻게 해야 할지 어떻게 생각하시나요? 답변 당신은 첫 번째 위젯 트리를 사용하고 다음 변경 사항을 적용할 수 있습니다: 모든 ListView와 GridView에 shrinkWrap: true를 설정하세요. 이렇게 하.. 2023. 8. 12. Flutter 플러터: 수평 리스트 뷰에서의 최소 높이, Flutter: Minimum height on horizontal list view 질문 저는 Flutter에서 항목의 가로 스크롤링 목록을 만들려고 하고, 그 목록이 자식에 따라 필요한 높이만 차지하도록하고 싶습니다. 디자인상으로 “ListView는 교차 방향에서 사용 가능한 공간에 맞게 확장하려고합니다” (Flutter docs에서) 이것은 뷰포트의 전체 높이를 차지한다는 것을 알 수 있습니다. 그러나 이것을하지 않도록하는 방법이 있습니까? 아마도 이와 유사한 것이 이상적입니다 (물론 작동하지 않는 것): new ListView( scrollDirection: Axis.horizontal, crossAxisSize: CrossAxisSize.min, children: [ new ListItem(), new ListItem(), // ... ], ); 저는 ListView를 높이가 고.. 2023. 6. 14. 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. 이전 1 2 다음
