본문 바로가기

AspectRatio3

Flutter 플러터에서 가로로 스크롤 가능한 카드들과 스냅 효과를 구현해주세요., Horizontally scrollable cards with Snap effect in flutter 질문 나는 좌우로 스와이프할 때 적합한 스냅 효과가 있는 가로로 스크롤되는 카드 목록을 만들고 싶습니다. 각 카드 사이에 일정한 간격이 있으며 아래 이미지와 같이 화면에 맞게 조정됩니다. 또한, 이 가로로 스크롤 가능한 목록 요소는 수직으로 스크롤 가능한 목록 내에 포함되어야 합니다. 내가 달성한 것은 플러터 문서를 따라가며 가로로 스크롤되는 카드 목록만 표시하는 것입니다. class SnapCarousel extends StatelessWidget { @override Widget build(BuildContext context) { final title = '가로 목록'; return MaterialApp( title: title, home: Scaffold( appBar: AppBar( title:.. 2023. 8. 11.
Flutter 플러터에서 이미지를 전체 배경에 맞게 (100% 높이 x 100% 너비) 늘리는 방법은 무엇인가요?, How do I stretch an image to fit the whole background (100% height x 100% width) in Flutter? 질문 내 기기의 화면 비율과 일치하지 않는 이미지가 있습니다. 이미지를 화면에 완전히 채우도록 늘이고 이미지의 어떤 부분도 잘라내지 않도록 하려고 합니다. CSS에는 백분율 개념이 있으므로 높이와 너비를 100%로 설정할 수 있습니다. 하지만 Flutter에는 그 개념이 없는 것 같고, 높이와 너비를 하드코딩하는 것은 좋지 않으므로 막혀 있습니다. 다음은 내가 가진 것입니다 (앞쪽에 무언가가 있으므로 Stack을 사용합니다): Widget background = new Container( height: // 여기에 무엇을 넣어야 할지 모릅니다! width: // 여기에 무엇을 넣어야 할지 모릅니다! child: new Image.asset( asset.background, fit: BoxFit.fill,.. 2023. 6. 1.
Flutter 플러터에서 GridView 위젯의 사용자 정의 높이를 설정하는 방법은 무엇인가요?, How to set Custom height for Widget in GridView in Flutter? 질문 Container GridView의 높이를 지정한 후에도 내 코드는 정사각형 위젯을 생성합니다. class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String title; @override _MyHomePageState createState() => new _MyHomePageState(); } class _MyHomePageState extends State { List widgetList = ['A', 'B', 'C']; @override Widget build(BuildContext context) { return new Scaffold( appBar: new Ap.. 2023. 5. 10.