flutter MaterialApp 界面基础结构

▼ 折叠代码 [共 36 行]

import 'package:flutter/material.dart';
 
void main() {
  runApp(App());
}
 
class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}
 
class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}
 
class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("title"),
        toolbarHeight: 80.0,
      ),
      body: Center(
        child:Text("center"),
      ),
    );
  }
}
 

Scaffold

appBar：显示在界面顶部的一个 AppBar
body：当前界面所显示的主要内容
floatingActionButton：浮动的按钮
persistentFooterButtons：固定在下方显示的按钮
drawer：侧边栏控件
bottomNavigationBar：显示在底部的导航栏按钮栏。可以查看文档：Flutter学习之制作底部菜单导航
backgroundColor：背景颜色
resizeToAvoidBottomPadding： 控制界面内容 body
是否重新布局来避免底部被覆盖了，比如当键盘显示的时候，重新布局避免被键盘盖住内容。默认值为 true