# 基礎layout

### Scaffold
有默認的banner, background color, 提供API讓你新增 drawers, snack bars, 和 bottom sheets。

void main() {
  runApp(MaterialApp(
    title: 'flutter_demo',
    home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter layout demo'),
        ),
        body: Center(child:Text('name : jess')),
  ));
}


---

#### 加入右下角的按鈕

class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center();
  }
}

void main() {
  runApp(MaterialApp(
    title: 'flutter_demo',
    home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter layout demo'),
        ),
        body: Center(child:Text('name : jess')),
        floatingActionButton: FloatingActionButton(
            onPressed: null, child: const Icon(Icons.add))),
  ));
}


---

### 修改背景顏色

void main() {
  runApp(MaterialApp(
    debugShowCheckedModeBanner: false,
    title: 'flutter_demo',
    home: Scaffold(
      appBar: AppBar(
        title: Text('Flutter layout demo'),
      ),
      body: Home(),
      backgroundColor: Colors.blueGrey.shade200,
    ),
  ));
}


---

### 修改app主題顏色

return MaterialApp(
    //...
    theme: ThemeData(
      primaryColor: Colors.red,
      primaryColorDark: Colors.red,
      accentColor: Colors.red,
));


---

### 其他地方吃主色

color: Theme.of(context).primaryColor,