카테고리 없음

11-13 TIL

daechaerohwachang 2024. 11. 13. 21:07

1. ctrl + shift + P 새프로젝트 생성
2. main.dart에서 주석 ,타이틀,테마,홈,마이홈페이지쭉 지우기
3. 그밑에 class SeatPage extends StatelessWidget 쓰기
4. SeatPage누르고 (퀵픽스) ctrl+. create one missing override
5. 빌드함수지우고 return Scafford();
6. return MaterialApp( 안에
      home: SeatPage(),
    );
7. lib 폴더안에 새파일 생성
8.작성
class SeatSelectBox extends StatelessWidget{
  
}
9. SeatSelectBox 퀵픽스
10. 빌드함수 안에 return Text('SeatSelectBox');
11. Seat_Select_Box 복붙-rename
12. 파일명 수정후 클래스이름도 똑같이 변경
13. main.dart에서 return Scaffold 안에 body: Column(children: [
        SeatSelectBox(),
        SeatBottom()
14. 스캐폴드 바디위에 appBar: AppBar(
        title: Text('Seats'),
      ),
      body: Column(children: [
        SeatSelectBox(),
        SeatBottom()
15.Seat SelectBox 배경색 바꾸기
메인다트에서 앱바타이틀 밑에 엔터치고
backgroundColor: Colors.grey,
그레이 옆에 [200] 색농도 변경( 컨트롤+클릭하면 색볼수있음)
16.SSB.dart
return 다음 Text 지우기Expanded(child: Container(
      color: Colors.green,
      ),
     );
17.seat.bottom.dart
위에 똑같이 Expanded(child: Container(
      color: Colors.blue,
    ),
    );
  
}
}
18.return Expanded 큌픽스 리무브디스위젯
19.그안에 height:200,
extact method- 반복

BorderRadius 둥글기

 

재미있다! 잘만들었다!