摘要：交代背景我是個(gè)人開(kāi)發(fā)者然后我的需要制作端我的用戶要求出蘋(píng)果版然后我的學(xué)得渣所以只有學(xué)學(xué)了然而很遺憾的是國(guó)內(nèi)沒(méi)有任何一家廣告聯(lián)盟出了所以不得不收集資料搞一波顯示原生技術(shù)交底搜索了下需要使用到的插件機(jī)制所以請(qǐng)自行熟悉下效果圖上實(shí)現(xiàn)由于我是用

我是個(gè)人開(kāi)發(fā)者, 然后我的app需要制作ios端, 我的用戶要求出蘋(píng)果版, 然后我的swift學(xué)得渣, 所以只有學(xué)學(xué)flutter了. 然而很遺憾的是國(guó)內(nèi)沒(méi)有任何一家廣告聯(lián)盟出了flutter SDK. 所以不得不收集資料搞一波flutter顯示原生View.

搜索了下, 需要使用到Flutter的插件機(jī)制, 所以請(qǐng)自行熟悉下UiKitView, MethodChannel, PlatformView.

4.ios上實(shí)現(xiàn)

由于我是用的swift, 廣點(diǎn)通的sdk是oc寫(xiě)得, 需要把用到的類寫(xiě)在橋接文件里面

//Runner-Bridging-Header.h
#import "GeneratedPluginRegistrant.h"
#import "GDTNativeExpressAdView.h"
#import "GDTMobBannerView.h"
#import "GDTMobInterstitial.h"
#import "GDTNativeExpressAd.h"
#import "GDTNativeAd.h"
#import "GDTSplashAd.h"
#import "GDTSDKConfig.h"
#import "GDTUnifiedBannerView.h"

在AppDelegate.swift中使用

import UIKit
import Flutter

@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate{
  override func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]);let controller = window);if !hasPlugin("BannerPlugin") && controller != nil {
        //注冊(cè)插件
        BannerPlugin.registerWithRegistrar(registar: registrar(forPlugin: "BannerPlugin"), controller: controller!)
    }
    
    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
  }
}

BannerPlugin.swift

import Foundation
class BannerPlugin {
    static func registerWithRegistrar(registar: FlutterPluginRegistrar, controller: UIViewController){
        registar.register(BannerViewFactory(controller: controller), withId: "banner");
    }
}

BannerViewFactory.swift

import Foundation
class BannerViewFactory : NSObject, FlutterPlatformViewFactory {
    let controller: UIViewController
    
    init(controller: UIViewController) {
        self.controller = controller
    }
    
    public func create(withFrame frame: CGRect, viewIdentifier viewId: Int64, arguments args: Any);return Banner(withFrame:frame, viewId: viewId, args: args, controller: controller)
    }
    
    func createArgsCodec() -> FlutterMessageCodec & NSObjectProtocol {
        return FlutterStandardMessageCodec.sharedInstance()
    }
}

Banner.swift

import Foundation
class Banner : NSObject, FlutterPlatformView, GDTUnifiedBannerViewDelegate{
    let viewId:Int64
    let args: NSDictionary
    let withFrame:CGRect
    let  controller: UIViewController
    
    init(withFrame: CGRect, viewId: Int64, args: Any);let banner = GDTUnifiedBannerView.init(frame: withFrame,
            appId: args.object(forKey: "appid") as! String,
            placementId: args.object(forKey: "posId") as! String,
            viewController: controller)
        banner.delegate = self
        banner.loadAdAndShow()
        return banner;
    }
    
    func unifiedBannerViewFailed(toLoad unifiedBannerView: GDTUnifiedBannerView, error: Error) {
        print(error)
    }
}

在flutter里面調(diào)用很簡(jiǎn)單.

 UiKitView(
                                  viewType: "banner",
                                  creationParams: {"appid": "1105344611", "posId": "1080958885885321"},
                                  creationParamsCodec: const StandardMessageCodec(),
                                  onPlatformViewCreated: (id) {
                                    print(id);
                                  },
                                ),
                          height: 64,

主要是UiKitView的使用, banner是IOS那邊注冊(cè)的viewID. 這篇文章是為了記錄我在學(xué)習(xí)flutter添加banner廣告的過(guò)程. 不喜勿噴, 謝謝 過(guò)程很簡(jiǎn)單, 就沒(méi)有詳細(xì)去講述原理了. 直接上代碼, 簡(jiǎn)單粗暴.