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

发布于 1周前 作者 sinazl 来自 Flutter

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

flutter_phone_direct_caller

flutter_phone_direct_caller 是一个简单的插件,可以在应用程序中直接拨打电话号码,而无需跳转到电话拨号器。权限请求由插件本身处理。

使用方法

添加依赖

在项目的 pubspec.yaml 文件中添加以下依赖:

dependencies:
  flutter_phone_direct_caller: ^2.1.1

配置

Android

无需额外配置。

iOS

需要在 info.plist 文件中的 <dict> 标签内添加以下内容:

<key>LSApplicationQueriesSchemes</key>
<array>
  <string>tel</string>
</array>

示例代码

下面是一个完整的示例应用,展示了如何使用 flutter_phone_direct_caller 插件来拨打电话。

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_phone_direct_caller/flutter_phone_direct_caller.dart';

void main() => runApp(const MyApp());

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final TextEditingController _numberCtrl = TextEditingController();

  @override
  void initState() {
    super.initState();
    _numberCtrl.text = "085921191121"; // 设置默认电话号码
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Plugin example app'),
        ),
        body: Column(
          children: <Widget>[
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: TextField(
                controller: _numberCtrl,
                decoration: const InputDecoration(labelText: "Phone Number"),
                keyboardType: TextInputType.number,
              ),
            ),
            ElevatedButton(
              child: const Text("Test Call"),
              onPressed: () async {
                String number = _numberCtrl.text.trim();
                if (number.isNotEmpty) {
                  bool res = await FlutterPhoneDirectCaller.callNumber(number);
                  if (res) {
                    ScaffoldMessenger.of(context).showSnackBar(
                      const SnackBar(content: Text('Call initiated successfully')),
                    );
                  } else {
                    ScaffoldMessenger.of(context).showSnackBar(
                      const SnackBar(content: Text('Failed to initiate call')),
                    );
                  }
                } else {
                  ScaffoldMessenger.of(context).showSnackBar(
                    const SnackBar(content: Text('Please enter a phone number')),
                  );
                }
              },
            )
          ],
        ),
      ),
    );
  }
}

解释

  1. 导入必要的包:首先导入 flutter_phone_direct_caller 和其他必要的 Flutter 包。
  2. 设置主函数:定义 main 函数并启动应用程序。
  3. 创建状态管理类:创建一个继承自 StatefulWidget 的类 _MyAppState 来管理界面状态。
  4. 初始化电话号码:在 initState 方法中设置默认的电话号码。
  5. 构建用户界面:使用 TextField 组件让用户输入电话号码,并使用 ElevatedButton 组件触发拨打电话的操作。
  6. 处理拨打电话逻辑:在按钮点击事件中,获取用户输入的电话号码,并调用 FlutterPhoneDirectCaller.callNumber 方法进行拨号。根据返回结果显示相应的提示信息。

通过以上步骤,您可以在 Flutter 应用中实现直接拨打电话的功能。希望这个示例对您有所帮助!


更多关于Flutter直接拨打电话插件flutter_phone_direct_caller的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter直接拨打电话插件flutter_phone_direct_caller的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然,下面是一个关于如何使用flutter_phone_direct_caller插件在Flutter应用中实现直接拨打电话功能的代码示例。这个插件允许你通过程序调用设备的拨号界面或者直接拨打电话(如果设备允许)。

首先,你需要在你的pubspec.yaml文件中添加flutter_phone_direct_caller依赖:

dependencies:
  flutter:
    sdk: flutter
  flutter_phone_direct_caller: ^x.y.z  # 请将x.y.z替换为最新的版本号

然后运行flutter pub get来安装依赖。

接下来,在你的Dart文件中导入该插件并使用它。以下是一个简单的示例:

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Phone Direct Caller Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Phone Direct Caller Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You can call a number by tapping the button below.',
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () async {
                // 替换为你想要拨打的电话号码
                String phoneNumber = "1234567890";

                // 检查权限并拨打电话
                bool hasPermission = await FlutterPhoneDirectCaller.checkPermission();
                if (hasPermission) {
                  FlutterPhoneDirectCallerResult result = await FlutterPhoneDirectCaller.callNumber(phoneNumber);
                  if (result == FlutterPhoneDirectCallerResult.COMPLETED) {
                    ScaffoldMessenger.of(context).showSnackBar(
                      SnackBar(content: Text('Call completed')),
                    );
                  } else if (result == FlutterPhoneDirectCallerResult.CANCELED) {
                    ScaffoldMessenger.of(context).showSnackBar(
                      SnackBar(content: Text('Call canceled')),
                    );
                  } else {
                    ScaffoldMessenger.of(context).showSnackBar(
                      SnackBar(content: Text('Call failed')),
                    );
                  }
                } else {
                  ScaffoldMessenger.of(context).showSnackBar(
                    SnackBar(content: Text('Permission denied')),
                  );
                }
              },
              child: Text('Call Number'),
            ),
          ],
        ),
      ),
    );
  }
}

在这个示例中,我们创建了一个简单的Flutter应用,其中包含一个按钮。当用户点击按钮时,应用会检查是否有拨打电话的权限,如果有权限,则尝试拨打指定的电话号码,并根据拨打结果显示相应的SnackBar消息。

请注意,在Android上,你可能需要在AndroidManifest.xml中添加拨打电话的权限:

<uses-permission android:name="android.permission.CALL_PHONE"/>

并且,由于隐私和安全性的考虑,直接拨打电话通常需要用户的明确同意,因此在实际应用中,你需要确保你的应用遵循相关的隐私政策和用户同意机制。

希望这个示例对你有帮助!

回到顶部