zoukankan      html  css  js  c++  java
  • flutter MaterialApp 界面基础结构

    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

  • 相关阅读:
    .net core在linux下图片中文乱码
    微信公众号开发--.net core接入
    洛谷P3385负环
    洛谷P3387缩点
    洛谷P2312解方程
    洛谷P3366最小生成树
    洛谷P3378堆
    洛谷P2024食物链
    洛谷P2680运输计划
    洛谷P2886牛继电器
  • 原文地址:https://www.cnblogs.com/trykle/p/14526028.html
Copyright © 2011-2022 走看看