본문 바로가기

모바일 공부/Flutter21

flutter SpreadOperator,Cascade 스프레드,캐스케이드 연산자 알아보기 이건 플러터의 기능보다는 Dart 의 기능입니다 . 자바 스크립이나 리엑트 프론트 단에서도 사용 하는 기술로 알려져 있습니다 변수 앞에 ... 을 사용합니다. 이것은 list 안에 list 를 넣는 행위랑 똑같습니다 스프레드 연산자 스프레드 연산자(...)는 컬렉션을 펼쳐주는 연산자 다른 컬렉션 안에 컬렉션을 삽입할 때 사용 var items = ['모니터', '키보드', '마우스']; var items2 = ['스피커', ...items, '헤드셋']; //스피커, 모니터, 키보드, 마우스, 헤드셋 Set에 리스트를 담으면 자동으로 중복 제거 final items = [1, 2, 2, 3, 3, 4, 5]; final myNum = {...items, 6, 7}; //1, 2, 3, 4, 5, 6, 7.. 2024. 1. 23.
flutter ROW, COLUMN 알아보기 flutter 에서 기본으로 위젯들을 정렬할때 사용하는 2개의 키워드를 알아봅시다 이것은 공식 사이트에서 의 두 키워드를 설명할때 사용하는 이미지입니다 ROW 배치를 행 즉 수평 형태로 (왼쪽에서 오른쪽) 위젯을 순차적으로 배치 합니다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'demo01', home: Scaffold( appBar: AppBar( title: Text('Row - MainAxisAlignment.st.. 2024. 1. 8.
StatelessWidget,StatefulWidget 알아보기 플러터를 보면 항상 class MyApp extends StatelessWidget { class DiceRoller extends StatefulWidget { 이런걸 상속 받는걸 볼수 있습니다. 이 위잿들은 정보를 받고 플러터가 어떻게 반응을 하는지 결정을 하는 위젯들입니다. StatelessWidget StatelessWidget은 상태가 없는 위젯으로, 한 번 그려지면 변하지 않는 UI를 표현하는 데 사용됩니다. 이 위젯은 일반적으로 변하지 않는 정적인 콘텐츠를 표시할 때 유용합니다. 예를 들어, 화면에 특정한 로고, 텍스트 레이블 등을 표시할 때 StatelessWidget을 사용할 수 있습니다. 무언가 버튼이나 터치를 했을때 변화가 필요한것이 필요하다면 StatelessWidget 은 적합하지.. 2024. 1. 5.
flutter 이미지 업로드 flutter 로 이미지 업로드를 해볼려고 합니다. 그전에 간단히 몇가지 준비가 필요합니다 yaml 파일에가서 assets: 이친구의 주석을 풀어 주셔야 합니다. 2번째 파일을 만들어줘야하는대 1번째로 최상위 폴더에서 assets 폴더 생성후 images폴더를 만든다음 그안에 이미지를 넣어줘야합니다 이름은 어떻게 해주든 상관이 없지만 통상적으로 assets 와 images 를 많이 쓴다고 합니다 images 안에 이미지를 넣고 또 할일이 있습니다. 이건 좀 신기하긴한대 .yaml 에 다시 가서 assets: 주석을 푼 구간에가서 이미지 파일 이름을 올려줘야 합니다 이건 일일이 다해줘야합니다 # To add assets to your application, add an assets section, like.. 2024. 1. 5.

티스토리툴바