Приложение "Материал" в столбце с панелью навигации обычного размера

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'),
          ),
        ),
    );
  }
}