flutter 공부

- 마우스 오른쪽을 클릭하여 Reformat Code with dartfmt 를 클릭하게 되면 자동으로 다트 형식으로 코드를 배열

 

- appBar:

void main() {
  runApp(
    MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('I Am Rich'),
        ),
      ),
    ),
  );
}

https://docs.flutter.dev/development/ui/widgets/material

Material Components widgets

- image : AssetImage(폴더에서 가져온 이미지), NetworkImage(인터넷에서 가져온 네트워크 이미지)

위젯에서 앞의 노란색 전구 클릭시 위젯의 위치 조정 가능

AssetImage를 사용하기 위해서는 다음과 같이 pubspec.yaml에 assets를 등록해야한다 그 후 Pub get을 클릭하여 준다

폴더 전체를 저장하고 싶을 경우 images/ 까지만 입력해도 된다

※ 주의할점은 pubspec.yaml파일 내에서의 들여쓰기는 모두 2칸이다

 

- 앱 아이콘 수정

https://www.appicon.co/

App Icon Generator

해당 사이트에서 앱 아이콘으로 쓸 사진을 넣어 아이콘 사진을 다운받는다

android는 android - app -src - main - res 폴더를 우클릭 후 open in - Explorer로 해당 폴더를 연다

그 후 폴더 안의 mipmap 파일들을 다운받은 아이콘파일들로 교체해준다

 

ios는 ios - Runner - Assets.xcassets의 폴더를 우클릭 후 open in - Explorer로 해당 폴더를 연다

그 후 Assets.xcassets폴더를 다운받은 Assets.xcassets로 교체해준다