팝업창에는 이미지가 하나가 되잇는데 여러개를 보여줄수잇도록 만들어보겟습니다. 1.pubspec.yaml 2. imageslideshow 위젯 속성에는 children 을 제공해주기때문에 imageslideshow을 사용햇습니다. 3. 이미지 슬라이드 표시해주기 initialPage -> 처음에 보여줄 페이지 설정 viewportFraction -> 페이지를 어떤 영역만큼 보여줄 건지 설정 1로 설정하여 페이지가 위젯을 꽉 채워준다. 0으로 하거나 숫자를 늘리면 에러가난다.. itemCount -> 슬라이더에 들어갈 아이템의 개수 설정 itemBuilder -> index번째의 페이지에서 보여줄 View를 설정 4. 결과물

팝업창을 띄운것을 modalbottomsheet를 사용해 수정,삭제 하는 기능을 구현해보겟습니다. showDefaultHeightmodalbottomsheet 위젯 -> 여러가지 modalbottomsheet위젯 있는데 그중에 하나를 사용해보앗습니다. showmodalsheet 속성을 사용해서 위쪽에 원형모서리로 주엇습니다. Modalbottomsheet 코드 void showDefaultHeightModalBottomSheet(BuildContext context) { showModalBottomSheet( shape: RoundedRectangleBorder( borderRadius: BorderRadius.only(topLeft: Radius.circular(16),topRight: Radius.c..

GestureDetector를 통해 icon버튼처럼 클릭시 팝업창을 띄우도록하겟습니다. 팝업창 void showPopup(context) { showDialog( context: context, builder: (context) { return Dialog( child: Container( width: MediaQuery.of(context).size.width, height: 400, decoration: BoxDecoration( borderRadius: BorderRadius.circular(16), color: Color.fromRGBO(250, 240, 220, 1), ), child: Column( crossAxisAlignment: CrossAxisAlignment.center, mainAx..

import 'package:flutter/material.dart'; import 'package:flutter_svg/svg.dart'; import 'package:lottie/lottie.dart'; void main() => runApp(const MyApp()); class MyApp extends StatelessWidget { const MyApp({super.key}); // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( home: MainTestPage(title: 'Flutter Demo Home Page'), ); } } class..

TextField 를 밑에 배치하기. Positioned( left: 0, right: 0, bottom: MediaQuery.of(context).viewInsets.bottom, child: Row( children: [ Expanded( child: TextField( decoration: InputDecoration( border: OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(30.0))), hintText: 'Enter a search term', ), ), ), IconButton(onPressed: () {}, icon: Icon(Icons.send)), 앱바 숨김

flutter에서 페이지 이동은 2가지 방법으로 사용가능합니다. 1.Push방식 웹이나 ,페이지 이동시 현재 경로를 노출시키지 않는다 (보안상 좋음.) 2.routes 방식 현재 경로를 보여주는 것이 가장 큰차이점 (페이지 이동시 찾아가기 쉽다.) -> 앱이 커질수록 주로 routes 방식 을 많이 쓴다. '/write_gratitude는 앞에서 추가한 routes 내부에 들어가는 이름이고, pushnamed 가장 뒤에 argument 추가하고, 데이터를 넘겨준다. import 'package:flutter/material.dart'; class WriteGratitude extends StatefulWidget { final String title = ""; const WriteGratitude({Ke..