modal_bottom_sheet_demo.dart 1.17 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14
// Copyright 2015 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'package:flutter/material.dart';

class ModalBottomSheetDemo extends StatelessComponent {
  final TextStyle textStyle = new TextStyle(
    color: Colors.indigo[400],
    fontSize: 24.0,
    textAlign: TextAlign.center
  );

  Widget build(BuildContext context) {
15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
    return new Scaffold(
      toolBar: new ToolBar(center: new Text("Modal Bottom Sheet")),
      body: new Center(
        child: new Container(
          width: 200.0,
          height: 200.0,
          child: new RaisedButton(
            child: new Text('Show the modal bottom sheet', style: textStyle),
            onPressed: () {
              showModalBottomSheet(context: context, builder: (_) {
                return new Container(
                  child: new Padding(
                    padding: const EdgeDims.all(32.0),
                    child: new Text("This is the modal bottom sheet. Click anywhere to dismiss.", style: textStyle)
                  )
                );
              });
            }
          )
34 35 36 37 38
        )
      )
    );
  }
}