[flutter] Scaffold에서의 RaisedButton을 활용하는 방법은 어떻게 되나요?

12 Dec 2023

flutter

아래는 Scaffold에서 RaisedButton을 활용하는 예시입니다:

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

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

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('RaisedButton 예제'),
      ),
      body: Center(
        child: RaisedButton(
          onPressed: () {
            // 버튼을 누를 때 수행되는 작업을 여기에 작성하세요.
            print('버튼이 눌렸습니다!');
          },
          child: Text('눌러주세요'),
        ),
      ),
    );
  }
}

위 코드에서는 MaterialApp과 Scaffold를 사용하여 앱의 기본 레이아웃을 생성하고, RaisedButton을 터치할 때 작동할 수 있는 이벤트를 설정했습니다. onPressed 콜백 안에 버튼을 누를 때 실행되어야 하는 작업을 정의할 수 있습니다.

RaisedButton을 누르면 ‘버튼이 눌렸습니다!’라는 메시지가 콘솔에 출력됩니다.

Flutter 공식 문서에서 RaisedButton에 관한 더 많은 내용을 찾을 수 있습니다. (https://api.flutter.dev/flutter/material/RaisedButton-class.html)