인프런 - 강의/플루터로 앱 만들기 고고(입문)

6 - show hide

개복치 개발자 2020. 4. 20. 16:02

 

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: ShowHide(),
    );
  }
}


class ShowHide extends StatefulWidget {
  @override
  _ShowHideState createState() => _ShowHideState();
}

class _ShowHideState extends State<ShowHide> {

  bool visible_val = true;

  void showWidget(){
    setState(() {
      visible_val = true;
    });
  }

  void hideWidget(){
    setState(() {
      visible_val = false;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("show hide"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            RaisedButton(
              child: Text("SHOW"),
              onPressed: showWidget,
            ),
            RaisedButton(
              child: Text("HIDE"),
              onPressed: hideWidget,
            ),
            Visibility(
              visible: visible_val,
              child: Text("This is text",
                style: TextStyle(fontSize: 30.0),
              ),
            ),

          ],
        ),
      ),
    );
  }
}

 

 

 

'인프런 - 강의 > 플루터로 앱 만들기 고고(입문)' 카테고리의 다른 글

8 - 369 게임  (0) 2020.04.20
7 - Image insert  (0) 2020.04.20
5 - 기본 위젯 알아보기  (0) 2020.04.20
4 - 상태변화 알아보기  (0) 2020.04.20
3 - 가장 기초 알아보기  (0) 2020.04.19