如何将特定 link 重定向到类似于 whatsapp 的应用

Question

如何创建应用的 link？像 WhatsApp。如果你点击这个 link https://wa.me/546497546464 link 会将您带到 phone 中的 WhatsApp 应用程序。比如如何创建一个 link 将用户带到您应用中的特定屏幕？ --在扑--

Answer 1

试试下面的代码希望它对你有帮助，使用 url_launcher 包 here 在你的 pubspec.yaml 文件中添加这个依赖项

您的小工具

InkWell(
      hoverColor: Colors.transparent,
      child: Image.network('https://upload.wikimedia.org/wikipedia/commons/5/5e/WhatsApp_icon.png',
        width: 70,
        height: 70,
      ),
      onTap: () => _whatsApp(),
    )

创建 ontap 函数

_whatsApp() async {
    const url =
        'https://api.whatsapp.com/send/?phone=546497546464&text&app_absent=0';// or add your URL here
    if (await canLaunch(url)) {
      await launch(url);
    } else {
      throw 'Could not launch $url';
    }
  }

你还参考了我对 url_launcher

的回答 and here

Answer 2

这就是所谓的深度链接

以下来自https://flutter.dev/docs/development/ui/navigation/deep-linking

在 Android

上启用深层链接

使用“.MainActivity”名称向 <activity> 标签内的 AndroidManifest.xml 添加元数据标签和意图过滤器：

<!-- Deep linking -->
<meta-data android:name="flutter_deeplinking_enabled" android:value="true" />
<intent-filter android:autoVerify="true">
    <action android:name="android.intent.action.VIEW" />
    <category android:name="android.intent.category.DEFAULT" />
    <category android:name="android.intent.category.BROWSABLE" />
    <data android:scheme="http" android:host="flutterbooksample.com" />
    <data android:scheme="https" />
</intent-filter>

在 iOS

上启用深层链接

在 ios/Runner 目录中向 Info.plist 添加两个新密钥：

<key>FlutterDeepLinkingEnabled</key>
<true/>
<key>CFBundleURLTypes</key>
<array>
    <dict>
    <key>CFBundleTypeRole</key>
    <string>Editor</string>
    <key>CFBundleURLName</key>
    <string>flutterbooksample.com</string>
    <key>CFBundleURLSchemes</key>
    <array>
    <string>customscheme</string>
    </array>
    </dict>
</array>

如何将特定 link 重定向到类似于 whatsapp 的应用

how to redirect specific link to your app similar to whatsapp

hyperlink

flutter

在 Android

在 iOS