반응형
반응형
현재 시간 구하기 DateTime.now() 현재 시간을 날짜 시간순으로 나타냅니다. 초(second)는 밀리초까지 표현됩니다. DateTime currentTime = DateTime.now(); print('##### now : $currentTime'); // I/flutter ( 2765): ##### now : 2023-08-25 05:56:36.318863시간 입력하기 DateTime(Year, Month, Day, Hour, Minute, Second, Millisecond) 원하는 형식에 맞게 시간을 입력합니다. 차례대로 입력하며 생략된 부분은 0으로 채워집니다. DateTime date1 = DateTime(2023, 8, 25); print('##### date1 : $date1'); ..
Error No Material widget found. 요약하자면, Material 위젯의 디자인을 따르는 위젯이 포함되지 않아서 출력되는 오류이다. 해결 방법 Material 앱 하위에 아래의 위젯을 포함시켜주자. Scaffold Card Dialog Drawer 일반적으로 Scaffold 없이 MaterialApp 내에 위젯들을 배치할 경우에 나는 오류이다. MaterialApp 하위 트리에 Scaffold 위젯이 위치해있지 않다면 포함시키자. import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildConte..
Overview 이번 포스팅에서는... 카메라를 사용하여 카메라에 보이는 화면을 앱에 표시하고 카메라의 화면 그대로를 사진 이미지로 저장하여 디바이스의 특정 경로에 이미지를 저장하는 것을 목표로합니다. 포스팅에서 설명하는 프로젝트는 아래의 깃허브 링크에서 다운받으실 수 있습니다. https://github.com/luvris2/flutter-example/tree/main/flutter_camera_preview_test 필요한 라이브러리 추가 camera 설치 제공되있는 takePicture 함수를 이용해 카메라를 통해 사진을 촬영 기능을 사용하기 위함 CameraPreview를 이용해서 카메라 촬영 UI를 커스텀하기 위해 사용 터미널에서 아래의 명령어 실행 flutter pub add camera 사..
Overview이번 포스팅에서는...웹 페이지에서 앱에 데이터를 보내고,앱에서 웹 페이지에 데이터를 보내는방법을 설명합니다. 웹 뷰의 기본 사용 방법은 아래의 포스팅을 확인해주세요.Flutter - WebView - 웹 뷰를 이용하여 웹 페이지 표시하기 (webview_flutter 4.0 이상) Flutter - WebView - 웹 뷰를 이용하여 웹 페이지 표시하기 (webview_flutter 4.0 이상)Overview 플러터를 이용하여 웹 페이지를 표시하고, 웹 문서를 이용하여 화면 표시가 가능하도록 합니다. 포스팅을 보기 전에... 이 글은 webview_flutter 패키지를 통해 안드로이드 가상 에뮬레이터로 luvris2.tistory.com기본 웹뷰 소스 코드해당 포스팅에서 사용할 기본 ..
Overview한 화면(페이지) 내에서 좌우로 슬라이드하여 화면을 이동하는 효과를 구현해봅시다. Flutter에서는 슬라이드 화면 넘김 효과를 위해 제공하는 'PageView' 클래스가 있습니다. 이 포스팅에서는 페이지뷰 클래스의 기본 활용법을 설명합니다. 막상 보면 코드는 별 게 없습니다.PageView Class페이지 별로 스크롤이 작동하도록 해주는 클래스입니다. 페이지 뷰의 각 하위 항목은 뷰포트와 동일한 크기여야 합니다. 사용 방법은 간단합니다. PageController 페이지 컨트롤러를 사용하여 표시되는 페이지를 제어하는데 사용합니다. PageController.initialPage 가장 먼저 표시되는 페이지를 지정합니다. 위젯이 정의된 순서대로 인덱스는 0부터 시작합니다. 동작 순서 Page..
Overview 이전 포스팅과 연결되는 내용입니다. 이 포스팅은 image_picker를 활영하여 이미지를 앱에 호출하였다는 전제하에 이미지 자르기, 회전하기를 설명합니다. image_picker 라이브러리 추가와 설정 방법은 이 포스팅에서 설명하지 않습니다. image_picker에 대한 포스팅은 아래에서 확인 가능합니다. Flutter - image_picker - 카메라로 사진 찍고 앱에 보여주기, 갤러리에서 사진 가져오기 (1/2) 이번 포스팅에서는... image_cropper 라이브러리를 활용하여 불러온 이미지를 확대/축소 또는 자르기, 회전하기 하는 것을 다룹니다. 포스팅에서 다루는 프로젝트 코드는 아래의 깃허브에서 다운로드 받으실 수 있습니다. https://github.com/luvris..