728x90 반응형 Flutter6 [flutter] 블로그 만들기 02 - 로그인 페이지 구성하기 기본 파일 (이미지)로그인 ui 환경 구현하기디자인 시안1. assets 허용하기assets: - assets/2. 폴더 구조3. Login pageimport 'package:flutter/material.dart';import 'widgets/login_body.dart';class LoginPage extends StatelessWidget { const LoginPage({super.key}); @override Widget build(BuildContext context) { return LoginBody(); }}4. login bodyimport 'package:class_f_story/_core/constants/size.dart';import 'package:class_f_.. 2025. 2. 3. [flutter 프로젝트] 개발일지 01 - 화면구현(나의설정) 오늘의 목표레퍼런스를 통하여 필요한 부분 화면구현하기MyPage, 로그인 화면구현 하기수행한 작업기본적인 공통된 상수들을 따로 정의하기공통된 테마적용폴더 구조 생성하기문제 및 해결 방법문제:keyboard의 위치를 잡지 못해 왔다갔다 거림해결 방법:2025.01.19 - [Flutter] - [flutter] Error 키보드 origin_client_hide_soft_input reason hide_soft_input_by_insets_api[[flutter] Error 키보드 origin_client_hide_soft_input reason hide_soft_input_by_insets_api문제 상황텍스트필드를 눌렀을때 , 키보드가 왔다갔다 거리면서 제대로 위치를 잡지 못하는 오류가 지속적으로 생겼.. 2025. 1. 21. [flutter] Error 키보드 origin_client_hide_soft_input reason hide_soft_input_by_insets_api 문제 상황텍스트필드를 눌렀을때 , 키보드가 왔다갔다 거리면서 제대로 위치를 잡지 못하는 오류가 지속적으로 생겼다. I/ImeTracker: onRequestHide at ORIGIN_CLIENT_HIDE_SOFT_INPUT reason HIDE_SOFT_INPUT_BY_INSETS_APII/InputMethodManager_LC: notifyImeHidden: IInputMethodManagerGlobalInvoker.hideSoftInputI/ViewRootImpl: Resizing android.view.ViewRootImpl frame=[0,0][1080,2340]1. 키보드가 열릴때 : 화면 레이아웃이 재조정되며 화면이 다시 랜더링 되는 문제2. 키보드가 닫힐때 : 레이아웃이 충돌하여 UI가 흔들.. 2025. 1. 19. [Flutter22] Card 위젯은? Flutter의 Card 위젯이란?Flutter의 Card는 Material Design 스타일의 카드 형태의 UI를 제공하는 위젯입니다.텍스트, 이미지, 버튼 등 다양한 콘텐츠를 담을 수 있으며, 그림자와 둥근 모서리를 기본으로 제공해 시각적으로 매력적인 UI 요소를 쉽게 구현할 수 있습니다. 예제 코드와 주석아래는 Card 위젯을 사용하는 Flutter 예제 코드이며, 각 부분에 대해 상세한 설명을 포함하고 있습니다. import 'package:flutter/material.dart'; // Flutter의 Material Design 라이브러리 임포트void main() { runApp(MyApp()); // 애플리케이션의 시작점, MyApp 실행}// 앱의 메인 위젯class MyApp ext.. 2025. 1. 16. [flutter21] dio https://pub.dev/packages?q=dio&sort=like Search results for dioPub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter and general Dart programs.pub.dev flutter에서 httpClient 통신을 사용하기 위해서는 라이브러리를 다운받아야 한다. cmd 화면에서 설치 명령어를 넣거나, pubspec.yaml 파일에 depencey를 추가한 후 , pub get해준다. Dio 객체 생성하는 방법 //통신을 담당하는 클라이언트 객체를 가져오자 Dio _dio = Dio(); .. 2025. 1. 14. [flutter 20] shopping_cart_app 만들기 쇼핑 카트 앱 만들기 image -> stateFull위젯container - > 테스트 코드 만들어 보기 1단계 > test코드import 'package:flutter/material.dart';void main() { runApp(MyApp());}//이벤트가 일어나면 다시 화면을 그려야 한다.(reRendering)class MyApp extends StatefulWidget { MyApp({super.key}); @override State createState() => _MyAppState();}class _MyAppState extends State { //현재시간 상태를 저장하는 변수 String timeOfDay = '낮'; @override Widget buil.. 2025. 1. 13. 이전 1 다음 728x90 반응형
