閱讀該文章需要8分鐘。
在上一篇文章仿深圳地鐵app項(xiàng)目，簡單的使用了一些常用的組件，組件直接的組合，整的一些界面，這里只是在原來的基礎(chǔ)上，單純的增加微信分享功能。
入口在：公告--》隨便一個(gè) item--》右上角分享文字
先來看看簡短的動(dòng)態(tài)圖（簡書里面放gif不會(huì)動(dòng)，尷尬）：https://github.com/niyige/oyy_subway_flutter，點(diǎn)開往下拉，就能看到：看完算我輸。。賊卡的動(dòng)態(tài)圖。。
嘮嗑下flutter下的微信分享實(shí)現(xiàn)（猴急的大兄弟，大妹子可以直接下載項(xiàng)目）。
由于微信分享是第三方提供，android，ios需要分別去處理，
先到pubspec.yaml引入需要用到的package：
dev_dependencies:
flutter_test:
sdk: flutter
flutter_webview_plugin: "^0.1.6"
flutter_wechat: "^0.1.5" //這個(gè)
先來看看android端的操作：
做過android端的大朋友，小朋友，男朋友，女朋友都應(yīng)該知道：接入微信sdk，需要按照它的規(guī)則去處理：
- 清單文件AndroidManifast.xml加入必要的權(quán)限：
<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_SETTINGS" />
- 在mainActivity同級(jí)目錄下創(chuàng)建wxapi文件夾，在該文件夾下面創(chuàng)建WXEntryActivity.java文件，這個(gè)java文件主要是處理分享結(jié)果回調(diào)（當(dāng)然功能不只是只有結(jié)果回調(diào)，還有其他功能，這里不考慮）,下面是實(shí)現(xiàn)：
private IWXAPI api;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
api = WXAPIFactory.createWXAPI(this, "wxb25d3dec3db1affc", false);
onNewIntent(getIntent());
finish();
}
@Override
public void onReq(BaseReq baseReq) {
}
@Override
public void onResp(BaseResp baseResp) {
sendBroadcastToWechat(baseResp);
}
private void sendBroadcastToWechat(BaseResp baseResp) {
Intent intent = new Intent();
intent.setAction("sendResp");
if (baseResp instanceof SendAuth.Resp) {
SendAuth.Resp resp = (SendAuth.Resp) (baseResp);
intent.putExtra("code", resp.errCode == 0 ? resp.code : "-1");
intent.putExtra("type", "SendAuthResp");
sendBroadcast(intent);
} else {
intent.setAction("sendResp");
intent.putExtra("code", baseResp.errCode + "");
intent.putExtra("type", "ShareResp");
sendBroadcast(intent);
}
}
protected void onNewIntent(Intent intent) {
api.handleIntent(intent, this);
}
到這里就完事了？不存在的，APPID記得替換成自己申請(qǐng)的。android特有需要處理的部分就完事了。
剩下的就需要在首頁處理了，回到home.dart,需要注冊微信相關(guān)，否則會(huì)爆空指針：
使用到的地方記得import：
import 'package:flutter_wechat/flutter_wechat.dart';
home.dart的initState()方法內(nèi)：
// 微信注冊，最好是app首頁
FlutterWechat.registerWechat("wx7e2d791ff79cdbd9");
然后在需要觸發(fā)分享操作的地方添加如下：
child: new FlatButton(
onPressed: () {
//文字分享 type 0 聊天頁面 1 朋友圈
FlutterWechat.shareText(text: "test", type: 0,);
},
child: new Text("分享")))
上面是就是簡單的文字分享。 FlatButton ，官方解釋是普通的按鈕，適合很多常用的場景，如果需要好看，按照自己的規(guī)則，就需要自定義一個(gè)button，其實(shí)也不難，后期在封裝個(gè)組件庫，穩(wěn)如哈士奇。
下面是flutter_wechat包推薦的寫法：
注冊
await FlutterWechat.registerWechat("wxxxxxx");// 微信注冊需要在你需要的地方注冊，最好是app首頁
分享
await FlutterWechat.shareText(text: "test", type:0,);//文字分享 type 0 聊天頁面 1 朋友圈
await FlutterWechat.shareImage(imgUrl: "xxx", type:0,);
await FlutterWechat.shareMusic(imgUrl: "xxx", musicUrl:"",title:"",description:"",musicDataUrl:"",musicLowBandDataUrl:"",musicLowBandUrl:"",type:0,);
await FlutterWechat.shareVideo(imgUrl: "xxx", videoUrl:"",title:"",description:"",videoLowBandUrl:"",type:0,);
await FlutterWechat.shareWebPage(imgUrl: "xxx", webpageUrl:"",title:"",description:"",type:0,);
要使用await，就需要引入另外一個(gè)關(guān)鍵字asyn，需要這樣做：
child: new FlatButton(
onPressed: () async{
await FlutterWechat.shareText(text: "test",type: 0,);
},
child: new Text("分享")))
ios端的處理，沒有過深接觸過ios，只會(huì)hello world。很多細(xì)節(jié)都不懂，主要是ios接入微信分享的一些細(xì)節(jié)步驟。
然后，我發(fā)現(xiàn)這個(gè)flutter_wechat，其實(shí)內(nèi)部就是調(diào)用原生代碼的封裝，這個(gè)之后在區(qū)看看flutter調(diào)用原生的實(shí)現(xiàn)。
項(xiàng)目地址：https://github.com/niyige/oyy_subway_flutter
參考資料：https://pub.dartlang.org/packages/flutter_wechat#-readme-tab-
