[flutter] RaisedButton을 사용해 문자 메시지 전송

07 Dec 2023

flutter

이번 튜토리얼에서는 Flutter 앱에서 RaisedButton 위젯을 사용하여 문자 메시지를 전송하는 방법을 알아보겠습니다.

1. 프로젝트 설정

먼저, Flutter 프로젝트를 생성하고 종속성을 추가해야합니다.

$ flutter create send_sms_app
$ cd send_sms_app

pubspec.yaml 파일을 열고 sms 패키지를 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  sms: ^0.2.4

종속성을 추가한 후에는 종속성을 가져오기 위해 flutter pub get 명령어를 실행해야합니다.

2. 코드 구현

lib/main.dart 파일을 열고, 아래의 코드를 추가합니다.

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Send SMS App',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  TextEditingController _phoneController = TextEditingController();
  TextEditingController _messageController = TextEditingController();

  void _sendSMS(String phone, String message) {
    SmsSender sender = new SmsSender();
    SmsMessage smsMessage = SmsMessage(phone, message);
    sender.sendSms(smsMessage);
    _messageController.clear();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Send SMS'),
      ),
      body: Padding(
        padding: EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(
              controller: _phoneController,
              decoration: InputDecoration(labelText: 'Phone Number'),
            ),
            TextField(
              controller: _messageController,
              decoration: InputDecoration(labelText: 'Message'),
            ),
            RaisedButton(
              onPressed: () {
                String phone = _phoneController.text;
                String message = _messageController.text;
                _sendSMS(phone, message);
              },
              child: Text('Send Message'),
            ),
          ],
        ),
      ),
    );
  }
}

위의 코드는 앱의 뼈대를 만들고 입력한 전화번호와 메시지를 사용하여 SMS를 보내는 함수를 구현합니다. RaisedButton을 사용하여 사용자가 버튼을 누를 때 전화번호와 메시지를 전송하는 기능을 제공합니다.

3. 앱 실행

이제 앱을 실행하여 확인해보십시오. Flutter 프로젝트의 루트 디렉토리에서 다음 명령어를 실행합니다.

$ flutter run

앱이 실행되면 전화번호와 메시지를 입력한 후 ‘Send Message’ 버튼을 클릭하여 SMS를 보낼 수 있습니다.

결론

이번 Flutter 튜토리얼에서는 RaisedButton을 사용하여 문자 메시지를 전송하는 방법을 알아보았습니다. 이제 Flutter 앱에서 사용자에게 편리한 문자 메시지 전송 기능을 제공할 수 있습니다.

참고자료

sms 패키지