[flutter] FlatButton을 사용하여 링크 버튼을 만드는 방법은?

26 Dec 2023

flutter

다음은 간단한 예제입니다.

import 'package:flutter/material.dart';
import 'package:url_launcher/url_launcher.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('링크 버튼 예제'),
        ),
        body: Center(
          child: FlatButton(
            child: Text('이 링크를 눌러주세요'),
            onPressed: () {
              _launchURL('https://example.com');
            },
          ),
        ),
      ),
    );
  }

  void _launchURL(String url) async {
    if (await canLaunch(url)) {
      await launch(url);
    } else {
      throw '지정된 URL을 열 수 없습니다: $url';
    }
  }
}

이 예제에서는 FlatButton을 사용하여 “이 링크를 눌러주세요”라는 문구를 표시하고, 버튼을 누를 시 url_launcher 패키지의 launch 메서드를 사용하여 지정된 URL로 이동합니다.

_launchURL 메서드는 URL을 열지 못할 때 에러를 처리하기 위해 canLaunch 메서드를 사용하여 지정된 URL을 열 수 있는지 확인합니다.

이 코드를 이용하여 플러터(Flutter) 애플리케이션에서 간단하게 링크 버튼을 만들 수 있습니다.