如何在Flutter移动端开发LinkedIn等平台的分享/私信选择功能？

之前用Receive Intent包只能直接分享内容，没法弹出选择器？问题出在Receive Intent是用来接收其他应用分享过来的内容，而你要的是主动唤起LinkedIn的两个分享入口，得用原生Intent（Android）或自定义选择器+URL Scheme（iOS）来实现。

核心思路 #

Android端利用系统的Intent.createChooser，把LinkedIn的「发帖」和「私信」两个Intent打包进去，弹出系统选择器；iOS端因为系统没有类似的原生选择器，自己做一个底部弹窗，分别调用LinkedIn对应的URL Scheme或SDK。

Android端实现步骤 #

1. Flutter侧创建MethodChannel #

通过通道调用原生Android代码：

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

class LinkedInShare {
  static const _channel = MethodChannel('linkedin_share_channel');

  // 调用原生方法展示分享选项
  static Future<void> showShareOptions(String text, [String? imagePath]) async {
    if (!Platform.isAndroid) return;
    try {
      await _channel.invokeMethod('showShareOptions', {
        'text': text,
        'imagePath': imagePath,
      });
    } on PlatformException catch (e) {
      print('分享出错: ${e.message}');
    }
  }
}

2. Android原生侧实现Intent逻辑 #

在MainActivity.kt里编写原生代码，构建两个Intent并唤起选择器：

import android.content.Intent
import android.net.Uri
import androidx.annotation.NonNull
import io.flutter.embedding.android.FlutterActivity
import io.flutter.embedding.engine.FlutterEngine
import io.flutter.plugin.common.MethodChannel

class MainActivity : FlutterActivity() {
    private val CHANNEL = "linkedin_share_channel"

    override fun configureFlutterEngine(@NonNull flutterEngine: FlutterEngine) {
        super.configureFlutterEngine(flutterEngine)
        MethodChannel(flutterEngine.dartExecutor.binaryMessenger, CHANNEL).setMethodCallHandler { call, result ->
            if (call.method == "showShareOptions") {
                val shareText = call.argument<String>("text")
                val imagePath = call.argument<String>("imagePath")
                buildAndShowChooser(shareText, imagePath)
                result.success(null)
            } else {
                result.notImplemented()
            }
        }
    }

    private fun buildAndShowChooser(text: String?, imagePath: String?) {
        // 1. 构建「分享帖子」的Intent
        val postIntent = Intent(Intent.ACTION_SEND).apply {
            setPackage("com.linkedin.android")
            type = if (imagePath != null) "image/*" else "text/plain"
            putExtra(Intent.EXTRA_TEXT, text)
            imagePath?.let {
                // Android 7+要用FileProvider生成content:// Uri，避免FileUriExposedException
                val imageUri = FileProvider.getUriForFile(context, "${packageName}.fileprovider", File(it))
                putExtra(Intent.EXTRA_STREAM, imageUri)
                addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION)
            }
        }

        // 2. 构建「私信分享」的Intent
        val messageIntent = Intent(Intent.ACTION_SEND).apply {
            setPackage("com.linkedin.android")
            // 指定LinkedIn私信分享的组件，需确认版本兼容性
            component = ComponentName("com.linkedin.android", "com.linkedin.android.messaging.share.ShareMessageActivity")
            type = if (imagePath != null) "image/*" else "text/plain"
            putExtra(Intent.EXTRA_TEXT, text)
            imagePath?.let {
                val imageUri = FileProvider.getUriForFile(context, "${packageName}.fileprovider", File(it))
                putExtra(Intent.EXTRA_STREAM, imageUri)
                addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION)
            }
        }

        // 3. 生成选择器弹窗
        val chooser = Intent.createChooser(postIntent, "分享到LinkedIn").apply {
            putExtra(Intent.EXTRA_INITIAL_INTENTS, arrayOf(messageIntent))
        }

        startActivity(chooser)
    }
}

3. 配置FileProvider（图片分享必备） #

如果要分享图片，需要在AndroidManifest.xml里添加FileProvider配置：

<application>
    ...
    <provider
        android:name="androidx.core.content.FileProvider"
        android:authorities="${applicationId}.fileprovider"
        android:exported="false"
        android:grantUriPermissions="true">
        <meta-data
            android:name="android.support.FILE_PROVIDER_PATHS"
            android:resource="@xml/file_paths" />
    </provider>
</application>

然后在res/xml目录下创建file_paths.xml：

<?xml version="1.0" encoding="utf-8"?>
<paths xmlns:android="http://schemas.android.com/apk/res/android">
    <external-files-path name="shared_images" path="Pictures/" />
</paths>

iOS端实现步骤 #

iOS没有系统级的Intent选择器，我们自己做一个底部弹窗，通过URL Scheme调用LinkedIn的分享功能：

1. Flutter侧实现自定义选择器 #

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

void showLinkedInShareSheet(String text, BuildContext context) {
  if (!Platform.isIOS) return;
  showModalBottomSheet(
    context: context,
    shape: const RoundedRectangleBorder(
      borderRadius: BorderRadius.vertical(top: Radius.circular(16)),
    ),
    builder: (ctx) {
      return Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          ListTile(
            title: const Text("分享帖子"),
            onTap: () async {
              Navigator.pop(ctx);
              final shareUrl = Uri.parse(
                "linkedin://shareArticle?mini=true&summary=${Uri.encodeComponent(text)}",
              );
              if (await canLaunchUrl(shareUrl)) {
                await launchUrl(shareUrl);
              } else {
                ScaffoldMessenger.of(ctx).showSnackBar(
                  const SnackBar(content: Text("未安装LinkedIn应用")),
                );
              }
            },
          ),
          const Divider(height: 1),
          ListTile(
            title: const Text("私信分享"),
            onTap: () async {
              Navigator.pop(ctx);
              final messageUrl = Uri.parse(
                "linkedin://messaging/compose?text=${Uri.encodeComponent(text)}",
              );
              if (await canLaunchUrl(messageUrl)) {
                await launchUrl(messageUrl);
              } else {
                ScaffoldMessenger.of(ctx).showSnackBar(
                  const SnackBar(content: Text("未安装LinkedIn应用")),
                );
              }
            },
          ),
          const SizedBox(height: 16),
        ],
      );
    },
  );
}

2. 配置Info.plist #

在ios/Runner/Info.plist里添加LinkedIn的URL Scheme白名单：

<key>LSApplicationQueriesSchemes</key>
<array>
  <string>linkedin</string>
</array>

适配Twitter/Facebook的思路 #

和LinkedIn逻辑一致：

• Android：分别构建对应应用的Intent，用Intent.createChooser打包展示
• iOS：自定义底部弹窗，调用对应应用的URL Scheme或官方SDK

注意事项 #

1. Android端LinkedIn的组件名可能随版本更新变化，测试时如果发现私信入口无效，可通过adb shell dumpsys package com.linkedin.android查看最新的组件名
2. iOS的URL Scheme功能有限，如需图片分享，建议集成LinkedIn官方iOS SDK
3. 所有分享操作前最好先判断应用是否安装，避免崩溃

内容的提问来源于stack exchange，提问作者Nitin Gadhiya