Flutter中嵌入Android 原生TextView實(shí)例教程

public class TestTextView implements PlatformView r{
	
	private final TextView mTestTextView;
	
	/**
	 * 
	 * @param context
	 * @param messenger
	 * @param id
	 * @param params 初始化時(shí) flutter 傳遞過(guò)來(lái)的參數(shù)
	 */
	TestTextView(Context context, BinaryMessenger messenger, int id, Map<String, Object> params) {
		//創(chuàng)建 TextView
		TextView lTextView = new TextView(context);
		lTextView.setText("Android的原生TextView");
		this.mTestTextView = lTextView;
		
		//flutter 傳遞過(guò)來(lái)的參數(shù)
		if (params!=null&&params.containsKey("content")) {
			String myContent = (String) params.get("content");
			lTextView.setText(myContent);
		}
	}
	
	@Override
	public View getView() {
		return mTestTextView;
	}
	
	@Override
	public void dispose() {
	
	}
	
}

import android.content.Context;
import java.util.Map;
import io.flutter.plugin.common.BinaryMessenger;
import io.flutter.plugin.common.StandardMessageCodec;
import io.flutter.plugin.platform.PlatformView;
import io.flutter.plugin.platform.PlatformViewFactory;

public class TestViewFactory extends PlatformViewFactory {
	private final BinaryMessenger messenger;
	public TestViewFactory(BinaryMessenger messenger) {
		super(StandardMessageCodec.INSTANCE);
		this.messenger = messenger;
	}
	
	/**
	 * 
	 * @param context
	 * @param id
	 * @param args args是由Flutter傳過(guò)來(lái)的自定義參數(shù)
	 * @return
	 */
	@SuppressWarnings("unchecked")
	@Override
	public PlatformView create(Context context, int id, Object args) {
		//flutter 傳遞過(guò)來(lái)的參數(shù)
		Map<String, Object> params = (Map<String, Object>) args;
		//創(chuàng)建 TestTextView
		return new TestTextView(context, messenger, id, params);
		
	}

/**
 * flutter 調(diào)用 android 原生view
 *
 */
public class TestFluttertoAndroidTextViewPlugin {
	public static void registerWith(PluginRegistry registry) {
		//防止多次注冊(cè)
		final String key = TestFluttertoAndroidTextViewPlugin.class.getCanonicalName();
		if (registry.hasPlugin(key)) return;
		//初始化 PluginRegistry
		PluginRegistry.Registrar registrar = registry.registrarFor(key);
		//設(shè)置標(biāo)識(shí)
		registrar.platformViewRegistry().registerViewFactory("com.flutter_to_native_test_textview", new TestViewFactory(registrar.messenger()));
	}
}

import android.os.Bundle

import io.flutter.app.FlutterActivity
import io.flutter.plugins.FlutterToAndroidPlugins
import io.flutter.plugins.GeneratedPluginRegistrant

class MainActivity: FlutterActivity() {
 override fun onCreate(savedInstanceState: Bundle?) {
 super.onCreate(savedInstanceState)
 //flutter 項(xiàng)目工程中默認(rèn)生成的 
 GeneratedPluginRegistrant.registerWith(this)
 //這是我們新創(chuàng)建的插件
 TestFluttertoAndroidTextViewPlugin.registerWith(this)
 
 }

 override fun onDestroy() {
 super.onDestroy()

 }
}

//這里設(shè)置的 viewType值與 android 中插件注冊(cè)的標(biāo)識(shí) 一至
//registrar.platformViewRegistry().registerViewFactory("com.flutter_to_native_test_textview", new TestViewFactory(registrar.messenger()));
mTextWidget = Container(
 height: 200,
 child: AndroidView(
 	//設(shè)置標(biāo)識(shí) 
  viewType: "com.flutter_to_native_test_textview",
  ),
 );

@override
 Widget build(BuildContext context) {
 // TODO: implement build
 return Scaffold(
  appBar: appBar,
  //顯示的頁(yè)面
  body: mTextWidget,
 );
 }

   mTextWidget = Container(
   height: 200,
   child: AndroidView(
    //標(biāo)識(shí)
    viewType: "com.flutter_to_native_test_textview",
    creationParams: {
    "content": "flutter 傳入的文本內(nèi)容",
    },
    //參數(shù)的編碼方式
    creationParamsCodec: const StandardMessageCodec(),
   ),
   );

... ...	

TestTextView(Context context, BinaryMessenger messenger, int id, Map<String, Object> params) {
		... ..
		//flutter 傳遞過(guò)來(lái)的參數(shù)
		if (params!=null&&!params.isEmpty()&&params.containsKey("content")) {
			String myContent = (String) params.get("content");
			lTextView.setText(myContent);
		}

	... ...
	}

public class TestTextView implements PlatformView , MethodChannel.MethodCallHandler{
	
	private final TextView mTestTextView;
	
	TestTextView(Context context, BinaryMessenger messenger, int id, Map<String, Object> params) {
		
		... ...
		
		//com.flutter_to_native_test_view_ 是更新數(shù)據(jù)的通信標(biāo)識(shí)
		MethodChannel methodChannel = new MethodChannel(messenger, "com.flutter_to_native_test_textview_" + id);
		methodChannel.setMethodCallHandler(this);
	}
	
	... ...
	
	@Override
	public void onMethodCall(MethodCall methodCall, MethodChannel.Result result) {

  //updateText 是flutter 中調(diào)用的方法名稱，可以隨意定義
		if ("updateText".equals(methodCall.method)) {
			String text = (String) methodCall.arguments;
			this.mTestTextView .setText(text);
			//對(duì)flutter 的回調(diào)
			result.success(null);
		}
	}
}

 MethodChannel _channel;
 int viewId=0;

   mTextWidget = Container(
   height: 200,
   child: AndroidView(
    //標(biāo)識(shí)
    viewType: "com.flutter_to_native_test_textview",
    creationParams: {
    "content": "flutter 傳入的文本內(nèi)容",
    },
    //參數(shù)的編碼方式
    creationParamsCodec: const StandardMessageCodec(),
    //view創(chuàng)建完成時(shí)的回調(diào)
    onPlatformViewCreated: (id) {
    viewId = id;
    },
   ),
   );

//這里設(shè)置的標(biāo)識(shí) MethodChannel('com.flutter_to_native_test_textview_$viewId');
// 與android MethodChannel methodChannel = new MethodChannel(messenger, "com.flutter_to_native_test_textview_" + id); 中注冊(cè)的一至
void clickUpdtae(){
_channel = new MethodChannel('com.flutter_to_native_test_textview_$viewId');
 updateTextView();
}

//這里的標(biāo)識(shí) updateText
//與android 中接收消息的方法中
//if ("updateText".equals(methodCall.method)) {...} 一至
void updateTextView() async {
 return _channel.invokeMethod('updateText', "更新內(nèi)容");
 }