ex23. Button

2024. 6. 13. 09:57Flutter

✅ Dart언어 인터페이스

✅ 추상클래스 VS 인터페이스

import 'package:flutter/material.dart';

class ExButton extends StatefulWidget {
  const ExButton({super.key});

  @override
  State<ExButton> createState() => _ExButtonState();
}

class _ExButtonState extends State<ExButton> {

  int count = 0;

  @override
  Widget build(BuildContext context) {
    // int count = 0;

    return Scaffold(
      body: SafeArea(
        child: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text('$count', style: TextStyle(fontSize: 30,),),
              SizedBox(height: 20,),
              ElevatedButton(onPressed: (){
                // 버튼이 클릭되었을때 상태를 체크할 수 있는 setState() 연결!
                setState(() {
                  count++;
                });
              }, child: Text('클릭',),),
            ],
          ),
        ),
      ),
    );
  }
}

'Flutter' 카테고리의 다른 글

ex25. SwitchButton  (0) 2024.06.13
ex24. checkBox  (0) 2024.06.13
ex22. abstract  (0) 2024.06.13
ex21. inheritance  (0) 2024.06.13
ex20. Lambda  (0) 2024.06.13