Material 列中的应用程序具有常规大小的导航栏

Question

我想在我的整个应用程序之上显示一个图像。所以我在 Main.dart 文件

的一列中放置了一张图片和我的仪表板

我的 main.dart 文件。

void main() => runApp(new MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {   
  @override
  Widget build(BuildContext context) {
      return new MaterialApp(
        home: new Scaffold(
          body: new SafeArea(
            child: Column(
              children: <Widget>[
                new Image.asset('assets/ads.png'),
                new Expanded(
                  child: Dashboard(),
                )
              ],
            ),
          ),
        ),
      );
  }
}

和Dashboard.dart

import 'package:flutter/material.dart';

class Dashboard extends StatefulWidget {
  @override
  _DashboardState createState() => _DashboardState();
}

class _DashboardState extends State<Dashboard> {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: new Scaffold(
        appBar: new AppBar(title: new Text('Books')),
        body: new Container(
          child: new Center(
            child: new Text('data'),
          ),
        ),
      ),
    );
  }
}

现在，此代码生成如下输出。

我需要常规尺寸的 Appar。这个AppBar真的很大。有人可以指出这里出了什么问题吗？

Answer 1

这样做：-

import 'package:flutter/material.dart';
void main() => runApp(new MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      debugShowCheckedModeBanner: false,
      home: new Scaffold(
        body: new SafeArea(
          child: Column(
            children: <Widget>[
              new Image.network("https://via.placeholder.com/350x100"),
              new Expanded(
                child: Dashboard(),
              )
            ],
          ),
        ),
      ),
    );
  }
}


class Dashboard extends StatefulWidget {
  @override
  _DashboardState createState() => _DashboardState();
}

class _DashboardState extends State<Dashboard> {
  @override
  Widget build(BuildContext context) {
    return  new Scaffold(
        appBar: new AppBar(title: new Text('Books')),
        body: new Container(
          child: new Center(
            child: new Text('data'),
          ),
        ),
    );
  }
}

Material 列中的应用程序具有常规大小的导航栏

Material app in Column with regular sized navigation bar

dart

flutter

flutter-layout