[flutter] 如何開啟原生bottom sheet 開啟第三方工具分享網址元件

今天來介紹如何用bottom sheet開啟第三方工具分享網址

bottom sheet就是會從下面浮上來的一個小元件

上面會有許多手機上可以分享的app

可以透過FB或Line等其他APP分享網址連結或文字內容

也可以用在銀行轉帳後的通知訊息

長得就像這樣

使用Flutter的Share套件，只要兩行程式就可以完成了

import 'package:share/share.dart';

Share.share("這是我要分享的內容 http://www.ptt.cc/bbs/baseball/M.1576558705.A.13D.html");

步驟1.
在pubspec.yaml加上 share: any
儲存檔案
點選『Packages get』下載套件

share: any

步驟2.
建立一個StatelessWidget
建立一個按鈕，按下時呼叫Share.share()

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

class SharePage extends StatelessWidget{
  @override  Widget build(BuildContext context) {
    return RaisedButton(
      child: Text("Share"),
      onPressed: (){
        Share.share("這是我要分享的內容 http://www.ptt.cc/bbs/baseball/M.1576558705.A.13D.html");
      },
    );
  }

}

影片說明

參考資料：
https://pub.dev/packages/share