소개

Flutter에서 RaisedButton 위젯을 사용하여 버튼을 만들 때, 버튼을 터치할 때 발생하는 액션을 설정할 수 있습니다. 이를 통해 버튼을 눌렀을 때 원하는 동작을 수행할 수 있습니다.

코드 예시

아래의 코드는 RaisedButton을 터치할 때 “버튼이 클릭되었습니다!”라는 메시지를 출력하는 예시입니다.

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('RaisedButton 액션 설정'),
        ),
        body: Center(
          child: RaisedButton(
            onPressed: () {
              print('버튼이 클릭되었습니다!');
            },
            child: Text('클릭하세요'),
          ),
        ),
      ),
    );
  }
}

설명

• RaisedButton 위젯은 Material Design 테마에서 일반적으로 사용되는 버튼을 나타냅니다.
• onPressed 프로퍼티에 버튼을 클릭했을 때 수행할 함수를 지정합니다. 위의 예시에서는 람다 함수를 사용하여 “버튼이 클릭되었습니다!” 메시지를 콘솔에 출력합니다.
• child 프로퍼티는 버튼에 표시될 텍스트를 설정합니다. 위의 예시에서는 “클릭하세요”라는 텍스트가 버튼에 표시됩니다.

결론

Flutter에서 RaisedButton 위젯을 사용하여 버튼을 만들고 터치 액션을 설정하는 방법에 대해 알아보았습니다. 이를 통해 사용자의 동작에 따라 원하는 동작을 수행할 수 있습니다.