[flutter7] AppBar

✔️ 프로젝트 초기화

프로젝트 파일을 먼저 초기화 해준 후 작업에 들어갔다.
👉 프로젝트 초기화

AppBar

앱의 상단바를 그려주는 위젯이다.

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('hihihanbyeul'),
      ),
    );
  }
}

• 결과
  

기본은 앱바가 파란색으로 나와야 하는데 왜 흰색이지? 그리고 대체 벨로그 사진은 왤케 큰건데 🤬 사진 사이즈 줄여서 올려야함.. 귀찮다 증말

✔️ 타이틀 가운데 정렬 _ centerTitle

ios 타이틀 기본값은 center인데 이 값을 변경할 수 있다. centerTitle값을 false 로 변경하면 가운데 정렬이 풀린다.
여기에 AppBar의 배경색도 변경해 주었다.

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.orange,
      
        title: Text('hihihanbyeul'),
        
        centerTitle: false,
        
        
      ),
    );
  }
}

• 결과