extendBodyBehindAppBar 뭔가

열심이·2023년 4월 10일

extendBodyBehindAppBar는 Flutter의 Scaffold 위젯에서 사용되는 속성입니다. 이 속성은 true로 설정되면, 스크롤 가능한 위젯이 AppBar 아래로 확장되어, AppBar을 투명하게 만들 수 있습니다. 이를 통해 더욱 독특한 디자인이 가능해집니다.

다음 예제를 참조해보세요:

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        extendBodyBehindAppBar: true,
        appBar: AppBar(
          backgroundColor: Colors.transparent,
          elevation: 0,
        ),
        body: ListView.builder(
          itemCount: 20,
          itemBuilder: (context, index) {
            return ListTile(
              title: Text('List Item $index'),
            );
          },
        ),
      ),
    );
  }
}

이 예제에서는 extendBodyBehindAppBar 속성을 true로 설정하여, ListView 위젯이 AppBar 아래로 확장되도록 했습니다. 또한 AppBar의 배경색을 투명하게 설정하고, 그림자 효과를 없앴습니다. 이를 통해 ListView 위젯이 AppBar 아래로 스크롤되면서, 더욱 독특한 디자인을 구현할 수 있습니다.

profile
열심이하는자

0개의 댓글