Program/Flutter

Flutter SnackBars Example 01

하랑파파♡ 2018. 11. 13. 14:43
728x90
반응형
SMALL

# Flutter SnackBars Example 01




import 'package:flutter/material.dart';
 
/*
  Snackbar Widget 을 사용하려면 Scaffold widget 을 사용해야 함
  # SnackBars Widget 을 만드는 순서
  1. Create a Scaffold
  2. Display a SnackBar
  3. Provide an additional action
  SnackBars 만들 때 SnackBar 내용은 따로 Widget 을 만들어
  Scaffold.of(context).showSnackBar(); 를 사용 할 수 있도록 한다.
*/
class SnackBarsEx01 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('SnackBarsEx01'),
      ),
      body: SnackBarPage(),
    );
  }
}
 
class SnackBarPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: RaisedButton(
        onPressed: () {
          final snackBar = SnackBar(
            content: Text('Yay! A SnackBar!'),
            action: SnackBarAction(
              label: 'Undo',
              onPressed: () {
                // Some code to undo the change!
              },
            ),
          );
 
          // Find the Scaffold in the Widget tree and use it to show a SnackBar!
          Scaffold.of(context).showSnackBar(snackBar);
        },
        child: Text('Show SnackBar'),
      ),
    );
  }
}
 
cs


728x90
반응형
LIST

'Program > Flutter' 카테고리의 다른 글

Flutter 가로 모드 세로 모드 일 때 UI 업데이트  (0) 2018.11.13
Flutter SnackBars Example 02  (0) 2018.11.13
Flutter Drawer Widget  (0) 2018.11.13
Flutter Fade Animation Example  (0) 2018.11.13
Flutter List Widget Ex04  (0) 2018.11.09