본문 바로가기

전체 글134

[Flutter] Scaffold()함수(위젯) 1. Scaffold함수(위젯)이란? Flutter에서 Scaffold 위젯은 앱의 기본적인 구조를 나타내는 뼈대를 제공하는 중요한 위젯 중 하나이다. 이를 통해 앱의 주요 구성 요소를 배치하고 관리할 수 있다. Scaffold 위젯은 Material Design의 레이아웃 구조를 따르며, 다양한 구성 요소를 포함할 수 있다. 2. 주요속성 1) appBar AppBar 위젯을 포함하는 속성. 앱 상단에 표시되는 타이틀, 액션 버튼 등을 설정할 수 있다. 2) body 앱의 주요 콘텐츠를 표시하는 위젯을 지정하는 속성. 보통 이곳에는 페이지의 내용이나 다른 중요한 위젯이 위치한다. 3) floatingActionButton 주로 메인 화면에서 사용되며, 스크롤과 함께 움직이는 부동 액션 버튼을 지정하는 .. 2024. 2. 27.
[Flutter] Error connecting to the service protocol: failed to connect to .. 오류 VsCode로 Flutter을 공부하던 도중에 에뮬레이터를 실행하고 끄고를 반복하며 하고있는데 갑자기 에뮬레이터 실행하는데 오류가.. 난 이렇게 오류가 났지만 저 뒤쪽 http부분의 아이피, 포트 그뒤의 암호같은부분은 컴퓨터 마다 차이가 있을듯하다. 이것저것 찾아보던중 나같은경우에는 에뮬레이터 실행시에 Cold Boot로 실행하는 방법에서 오류가 수정되었다. 하지만 기본적으로 에뮬레이터 설정 및 수정 관련된거는 Android Studio에서 한 후에 VsCode를 재실행하면 에뮬레이터가 수정이 된다. 수정방법 1. Android Studio를 실행 후 우측 상단쪽에 Device Manager을 클릭 2. 수정할 에뮬레이터를 선택 후 연필모양(수정)을 클릭 3. 해당 에뮬레이터 설정창에서 Show Adva.. 2024. 2. 19.
[Flutter] SingleChildScrollView함수(위젯) 1. SingleChildScrollView함수(위젯)이란? 자식 위젯이 스크롤 가능한 단일 위젯. SingleChildScrollView는 화면에 표시되는 컨텐츠가 화면 크기를 초과할 때 사용. 이 위젯을 사용하면 화면의 모든 내용을 스크롤하여 볼 수 있다. SingleChildScrollView는 자식 위젯이나 자식 위젯 목록을 가질 수 있다. 이 위젯을 사용할 때, 자식 위젯의 크기가 화면을 초과하는 경우 스크롤이 활성화된다. 자식 위젯이 화면 크기를 초과하지 않으면 스크롤은 활성화되지 않는다. 2. 예시 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget .. 2024. 2. 14.
[Flutter] Padding 함수(위젯) 1. Padding함수(위젯)이란? 자식 위젯을 감싸고 그 주위에 간격(패딩)을 추가하는 데 사용. 이것은 자식 위젯 주위에 여백을 추가하여 레이아웃을 더욱 깔끔하게 만들 수 있다. 2. 예제 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text('Padding Example'), ), body: Padding( padding: EdgeInsets.all(20.0),.. 2024. 2. 13.
[Flutter] Text함수(위젯) 1. Text위젯이란? Flutter에서 텍스트를 표시하는 데 사용. 이 위젯은 문자열을 표시하고 다양한 스타일 및 레이아웃 옵션을 설정할 수 있다. 2. 기본적인 형태 Text( '텍스트 내용', style: TextStyle( fontSize: 16.0, fontWeight: FontWeight.normal, fontStyle: FontStyle.normal, color: Colors.black, letterSpacing: 1.0, // 기타 스타일 옵션들... ), ), 여기서 TextStyle 위젯은 텍스트의 스타일을 정의한다. 이것은 텍스트의 크기, 글꼴 가중치, 스타일, 색상 등을 제어한다. Text 위젯 내에서 스타일을 변경하는 것 외에도, TextSpan을 사용하여 텍스트의 일부분에 대해 .. 2024. 2. 9.
[Flutter] Transform.translate 함수(위젯) 1. Transform.translate란? 주어진 Widget을 지정된 x 및 y 좌표로 이동시키는 데 사용. 이 함수는 Transform 위젯의 일부로 사용되며, 이를 통해 Widget을 변환하고 조작할 수 있다. 2. 기본구조 Transform.translate( offset: Offset(dx, dy), child: YourWidget(), ) 3. 매개변수 매개변수 설명 offset Offset 객체를 통해 이동할 거리를 지정 Offset은 x 및 y 좌표를 나타내는 데 사용되며, Offset(dx, dy) 형태로 생성. dx : x 축으로의 이동 거리 dy : y 축으로의 이동 거리 child 이동시킬 대상이 되는 Widget을 지정. Transform.translate는 이 Widget을 주.. 2024. 1. 29.

티스토리툴바