Flutter直接拨打电话插件direct_phone_call的使用

Flutter直接拨打电话插件direct_phone_call的使用

direct_phone_call 是一个简单的 Flutter 插件，可以让你在应用内直接拨打电话，而无需进入电话拨号器。该插件还处理了权限请求。

使用方法

首先，在 pubspec.yaml 文件中添加依赖：

dependencies:
  direct_phone_call: ^1.0.0

Android 配置

无需任何额外配置。

iOS 配置

目前还在开发中。

示例代码

以下是一个完整的示例代码，展示了如何使用 direct_phone_call 插件来实现拨打电话功能。

import 'dart:developer';

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

import 'package:flutter/services.dart';
import 'package:direct_phone_call/direct_phone_call.dart';

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

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

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final GlobalKey<FormState> _formKey = GlobalKey();
  final TextEditingController _phoneNoController = TextEditingController();
  final _directPhoneCallPlugin = DirectPhoneCall();

  [@override](/user/override)
  void initState() {
    super.initState();
  }

  [@override](/user/override)
  void dispose() {
    super.dispose();
    _phoneNoController.dispose();
  }

  // 平台消息是异步的，因此我们在异步方法中初始化。
  Future<void> _makeACall() async {
    FocusScope.of(context).unfocus();
    if (_formKey.currentState!.validate()) {
      bool isCalled = false;
      try {
        isCalled = await _directPhoneCallPlugin.callNumber(
            number: _phoneNoController.text);
      } catch (e) {
        log('Exception : $e');
      }
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('拨打电话'),
        ),
        body: Container(
          height: 200,
          decoration: BoxDecoration(
            color: Colors.blue.withAlpha(10),
            borderRadius: BorderRadius.circular(30),
          ),
          padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 16,),
          margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 16,),
          child: Form(
            key: _formKey,
            child: Column(
              children: [
                const SizedBox(height: 24,),
                TextFormField(
                  controller: _phoneNoController,
                  style: const TextStyle(
                    fontSize: 12,
                    fontWeight: FontWeight.w500,
                  ),
                  validator: (value) {
                    if (value == null || value.isEmpty) {
                      return '请输入电话号码';
                    }
                    if (value.isNotEmpty && value.length < 7) {
                      return '无效的号码';
                    }
                    return null;
                  },
                  keyboardType: TextInputType.phone,
                  textInputAction: TextInputAction.done,
                  decoration: InputDecoration(
                    fillColor: Colors.white,
                    hintText: '电话号码',
                    hintStyle: const TextStyle(
                      color: Colors.black26,
                      fontSize: 12,
                      fontWeight: FontWeight.w400,
                    ),
                    prefixIcon: Icon(Icons.local_phone_rounded, color: Colors.green.shade800, size: 18,),
                    contentPadding: EdgeInsets.zero,
                    border: OutlineInputBorder(
                      borderRadius: BorderRadius.circular(10),
                      borderSide: const BorderSide(color: Colors.black38,),
                    ),
                    enabledBorder: OutlineInputBorder(
                      borderRadius: BorderRadius.circular(10),
                      borderSide: const BorderSide(color: Colors.black38,),
                    ),
                    focusedBorder: OutlineInputBorder(
                      borderRadius: BorderRadius.circular(10),
                      borderSide: const BorderSide(color: Colors.blueAccent, width: 1.5,),
                    ),
                    errorBorder: OutlineInputBorder(
                      borderRadius: BorderRadius.circular(10),
                      borderSide: BorderSide(color: Colors.red.shade800,),
                    ),
                    focusedErrorBorder: OutlineInputBorder(
                      borderRadius: BorderRadius.circular(10),
                      borderSide: BorderSide(color: Colors.red.shade800, width: 1.5,),
                    ),
                  ),
                  onFieldSubmitted: (val) => _makeACall(),
                ),
                const SizedBox(height: 12,),
                ElevatedButton(
                  onPressed: () => _makeACall(),
                  style: ButtonStyle(
                    backgroundColor: WidgetStatePropertyAll(Colors.green.shade900,),
                    minimumSize: const WidgetStatePropertyAll(Size(100, 35),),
                  ),
                  child: Container(
                    child: const Text('拨打',
                      style: TextStyle(
                        color: Colors.white,
                        fontSize: 13,
                      ),
                    ),
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}