[Flutter] 위젯 - 텍스트, 이미지, 아이콘, 박스

기본 틀 생성

 

stless 치고 Tab키 누르면

 

 

 

 

---

 

 

텍스트 위젯

Text('텍스트')

 

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Text('안녕')
    );
  }
}

 

 

 

---

 

 

이미지 위젯

Image.asset('경로')

 

 

이미지 등록하는 법

pubspec.yaml

 

프로젝트 우클릭해서 assets디렉토리 생성하고 이미지 파일들을 넣는다.

pubspec.yaml 파일을 열어서 flutter: 아래에

assets:

- assets/

 

 

 

 

 

---

 

 

 

아이콘 위젯

Icon(Icons.아이콘명)

 

 

 

---

 

 

 

박스 위젯

SizedBox()

Container()