[Flutter] Lint 끄기, main dart 위젯 예시 코드

analysis_options.yaml 에서 Lint 끄기 (연습용)

  rules:
    prefer_typing_uninitialized_variables: false
    prefer_const_constructors_in_immutables: false
    prefer_const_constructors : false
    avoid_print: false

main.dart (메인 페이지)

메인페이지 기본 세팅

import 'package:flutter/material.dart';

void main() {
  runApp(const Myapp());
  //Myapp(메인페이지) 구동
}

//stless + tab = 자동완성

class Myapp  extends StatelessWidget {
  const Myapp({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {

    return MaterialApp(
    home:
    );
  }
}

위젯

//text 위젯 
Text('안녕하세요')

//이미지 위젯
Image.asset('assets/name.png')

//아이콘 위젯
Icon(Icons.name)

//박스 위젯
Center(
  child: Container(width:50, height:50, color: Colors.blue )
)
//단위는 LP, center(child())

SizedBox()

//MarterialApp() 구글이 제공하는 UI
    return MaterialApp(
    home: Scaffold(
    //레이아웃 나눠주는 위젯
    
      appBar : AppBar(),
      //상단 들어갈 위젯
      
      body: Container(),
      //내용
      
      bottomNavigationBar: BottomAppBar(),
      //하단 들어갈 위젯
  	  )
    );
  }
}

// 위젯 가로 배치
Row( children:[] )
//위젯 세로 배치
Column( children:[] )

이미지 위젯 폴더 설정

1. assets 이미지 폴더 생성 
2. pubspec.yaml 파일에 이미지 폴더 명시

flutter:
  assets:
  - assets/