Flutter

[Flutter] Visibility 위젯 나타내와 숨기기

bool 변수를 init값으로 false값으로 두시고 “변수? 다른버튼() : 빈Container()”통해 기존 버튼를 눌르면 setState로 bool 변수를 true시켜 또다른 버튼을 띄우기

import 'package:flutter/material.dart';

class VisibilityPage extends StatefulWidget {
  @override
  _VisibilityPageState createState() => _VisibilityPageState();
}

class _VisibilityPageState extends State<VisibilityPage> {

  String statusMessage;
  bool status;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    statusMessage = "나타내기";
    status = false;
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            status ? Container(
              height: 100,
              width: 100,
              color: Colors.blue,
            ) : Container(),
            Center(
              child: RaisedButton(
                child: Text("$statusMessage", textAlign: TextAlign.center,),
                onPressed: (){
                  setState(() {
                    status = !status;
                    if(status){
                      statusMessage = "숨기기";
                    }else{
                      statusMessage = "나타내기";
                    }
                  });
                },
              ),
            )
          ],
        ),
      ),
    );
  }
}

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다