Scaffold 는 뭐지?

[kyuyoungheo]

Scaffold 는 뭐지?

[kyuyoungheo]

MaterialDesign앱의 UI레이아웃을 제공하는 역할. 주로 MaterialApp에서 쓰임. Cupertino에서는 CupertinoPageScaffold라는 이름으로 사용한다.

안드로이드에서는 주로 다음 메인 UI컴포넌트 이용하기 위해서 사용한다. Scaffold의 argument로 추가해서 사용함.

• AppBar
• Body
• FloatingActionButton
• Drawer
• BottonNavigationBar

iOS에서는 CupertinoPageScaffold, CupertinoNavigationBar 등등 iOS에 맞는 다른 Widget을 사용한다. 안드로이드와 다른 UI/UX 제공해야하니까. 그러면 플랫폼 분기문 무조건 발생하겠는걸?

• Key
• NavigationBar
• BackgroundColor
• ResizeToAvoidBottomInset
• Child

class CupertinoHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: CupertinoNavigationBar(
        middle: Text('CupertinoApp Example'),
      ),
      child: Center(
        child: Text('This is a CupertinoPageScaffold'),
      ),
    );
  }
}

레퍼런스

• NavigationBar 공식문서
• CupertinoPageScaffold 공식문서