Support inlining Android/iOS views #19030

amirh · 2018-07-03T03:07:44Z

A generic solution for embedding any Android/iOS view as part of the Flutter widget hierarchy would enable some highly desired features including Google Maps (#73) and WebView (#730).

rolurq · 2018-07-09T12:10:24Z

Also on this matter, this would be useful when embedding camera stream in an application.

amirh · 2018-07-09T15:56:00Z

For a camera stream you probably want to use a Texture widget directly.
The camera plugin is doing that for the device's cameras: https://pub.dartlang.org/packages/camera

Each platform view created (by a plugin supplied factory) is attached to a virtual display. The virtual displays are controlled by VirtualDisplayController objects. The PlatformViewsController maintains a mapping from a platform view's id to its VirtualDisplayController, which allows it to operate on the virtual display for a given platform view ID when asked so over the method channel. This is using API level 20 APIs, on lower API levels all platform views method channel calls are noops. We can make this work on API 19 with some refactoring to the TextureRegistry (allow the engine Java code to recycle a texture entry id). This CL also adds a platform view id parameter to the PlatformViewFactory#create() method. This allows plugins to route platform channel messages to specific instances of a platform view. TBD in future CLs: * Forward touch events to the platform views. * Support accessibility for platform views. flutter/flutter#19030

benbucksch · 2018-07-20T12:22:35Z

Do you guys need help here, in development?

amirh · 2018-07-20T16:39:42Z

@benbucksch contributions are welcomed, here are 2 issues you can look at: #19417 #19418.

Thanks!

yohom · 2018-07-28T02:37:51Z

So far I've only found AndroidView, is there an IOSView? Thanks. @amirh

amirh · 2018-07-28T02:43:21Z

@yohom this is still work in progress, I started with the Android support.
I wouldn't even use AndroidView yet as it is incomplete and unstable.

morad00 · 2018-07-31T06:38:12Z

Looks good! hope much support from flutter team

newbie-gk · 2018-08-09T05:40:36Z

Would absolutely love this feature :)
Any plans on when will this be available?

tiagofalves · 2018-08-09T12:54:14Z

Hi @amirh, first of all, a big thank you. If you need help with testing the features i can help.

amirh · 2018-11-10T00:17:37Z

iOS view embedding support has landed on master.

This is still just a preview.

There are multiple open issues for missing features, bugs, and potential optimizations, the relevant issues are tagged with the platform-views label. Please upvote the ones you care about to help us prioritize.

Notably on iOS embedding UIViews currently requires running Flutter with a single thread, as the required threading configuration is not yet supported (we are working on it: #23974, #23975).

Currently apps need to opt-in for the UIViews embedding preview on iOS by adding a boolean property to the Info.plist (key=io.flutter.embedded_views_preview value=YES).

Documentation is still a little light, for a simple usage example you can check flutter/plugins#890 which adds iOS support to the webview_flutter plugin.

sreekanth-krishnan · 2018-11-24T08:12:19Z

How do I include this in my project now? I guess the pub dependency is not available yet.

mclark4386 · 2018-11-24T09:31:23Z

Is this it? https://github.com/ibhavikmakwana/flutter_google_map

yoavrofe · 2018-11-29T15:08:39Z

@amirh, please note the bug on Android devices with a notch, which currently prevents using platform view in production.

MarcAlx · 2019-02-11T15:30:53Z

iOS view embedding support has landed on master.

This is still just a preview.

There are multiple open issues for missing features, bugs, and potential optimizations, the relevant issues are tagged with the platform-views label. Please upvote the ones you care about to help us prioritize.

Notably on iOS embedding UIViews currently requires running Flutter with a single thread, as the required threading configuration is not yet supported (we are working on it: #23974, #23975).

Currently apps need to opt-in for the UIViews embedding preview on iOS by adding a boolean property to the Info.plist (key=io.flutter.embedded_views_preview value=YES).

Documentation is still a little light, for a simple usage example you can check flutter/plugins#890 which adds iOS support to the webview_flutter plugin.

Here's how to achieve the above solution :

Add the following lines to <root of your project>/ios/Runner/Info.plist

<dict>
     ...
    <key>io.flutter.embedded_views_preview</key>
    <true/>
    ....
</dict>

WChoy · 2019-02-25T20:31:44Z

Need to correct README.md

If you use Xcode, the "Custom iOS Target Properties" , the value is a Boolean "Yes",

this will result in what MarcAlx said "".... not "" (as in the Boring Show).

<dict> ... <key>io.flutter.embedded_views_preview</key> <true/> .... </dict>

amirh · 2019-02-25T20:38:41Z

@WChoy I'm not sure which README.md you refer to, can you link the specific file?

mduenas · 2019-03-02T22:05:52Z

This works for iOS using flutter_google_map, but every so often I'm using the app and the screen render goes totally fuzzy. All graphics and text (on all widgets) are distorted and not visually discernable...Any thoughts on why this would be happening?

amirh · 2019-03-03T03:46:00Z

@mduenas does #27561 sounds like the same issue you're hitting?

smj992925133 · 2019-03-28T04:14:13Z

Need to correct README.md

If you use Xcode, the "Custom iOS Target Properties" , the value is a Boolean "Yes",

this will result in what MarcAlx said "".... not "" (as in the Boring Show).

<dict> ... <key>io.flutter.embedded_views_preview</key> <true/> .... </dict>

因地图在ios上不显示，所以加入了在info.plist加入 io.flutter.embedded_views_preview
这个，地图显示了，但我的入口页面出现花屏了，之前不加的时候没有问题，
请问，怎么解决

mduenas · 2019-03-28T16:11:36Z

@mduenas does #27561 sounds like the same issue you're hitting?

Yes, that is how my screen renders as well.

lililixiaofei · 2019-06-12T09:23:46Z

Need to correct README.md
If you use Xcode, the "Custom iOS Target Properties" , the value is a Boolean "Yes",

this will result in what MarcAlx said "".... not "" (as in the Boring Show).
<dict> ... <key>io.flutter.embedded_views_preview</key> <true/> .... </dict>

因地图在ios上不显示，所以加入了在info.plist加入 io.flutter.embedded_views_preview
这个，地图显示了，但我的入口页面出现花屏了，之前不加的时候没有问题，
请问，怎么解决

遇到了同样的问题，请问解决了吗

lukepighetti · 2019-08-26T00:31:45Z

因地图在ios上不显示，所以加入了在info.plist加入 io.flutter.embedded_views_preview
这个，地图显示了，但我的入口页面出现花屏了，之前不加的时候没有问题，
请问，怎么解决

Since the map is not displayed on ios, I joined io.flutter.embedded_views_preview in info.plist
This, the map is displayed, but my entry page has a screen, and there is no problem when I didn’t add it before.
Excuse me, how to solve it

遇到了同样的问题，请问解决了吗

I have encountered the same problem. Is it solved?

bemesquita · 2019-11-22T16:55:01Z

Added the io.flutter.embedded_views_preview on my info.plist and still getting the error =/

xj5513 · 2019-12-21T03:23:55Z

io.flutter.embedded_views_preview
YES

cip22 · 2020-01-13T16:12:14Z

I had the error message "Trying to embed a platform view but the PrerollContext does not support embedding" with the qr_code_scanner package on iOS and it was solved with io.flutter.embedded_views_preview = YES in my info.plist file.

Alexakis97 · 2020-12-13T16:54:16Z

Guys tried minSdkVersion 29 and put the key in Info.plist nothing seems to work for me

That's the exception:

E/flutter (12880): [ERROR:flutter/lib/ui/ui_dart_state.cc(177)] Unhandled Exception: PlatformException(error, java.lang.IllegalStateException: Trying to create a platform view of unregistered type: plugins.flutter.io/webview

lukepighetti · 2020-12-14T21:10:24Z

That looks like a good question for Stack Overflow!

github-actions · 2021-08-08T10:01:20Z

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

amirh self-assigned this Jul 3, 2018

amirh mentioned this issue Jul 5, 2018

Platform Views - Android and MethodChannel API, and implementation skeleton flutter/engine#5684

Merged

This was referenced Jul 11, 2018

Implement PlatformViewsController. flutter/engine#5722

Merged

Inline Android and iOS WebView #730

Closed

amirh mentioned this issue Jul 13, 2018

Introduce PlatformViewsService for controlling platform views. #19325

Merged

This was referenced Jul 17, 2018

Inline Google Maps support #73

Closed

Add touch events to the platform views method channel API. flutter/engine#5796

Merged

Introduce an AndroidView widget and a RenderAndroidView render object. #19565

Merged

amirh added the a: platform-views Embedding Android/iOS views in Flutter apps label Jul 20, 2018

amirh mentioned this issue Jul 27, 2018

Support touch in AndroidViewController. #19907

Merged

amirh mentioned this issue Jul 31, 2018

AndroidView touch support. #20052

Merged

Hixie added this to the bucket10 milestone Aug 21, 2018

amirh mentioned this issue Nov 9, 2018

Remove the WIP comment for UiKitView. #24170

Merged

amirh closed this as completed Nov 10, 2018

CircleCurve mentioned this issue Nov 12, 2018

问题反馈 CarGuo/gsy_github_app_flutter#54

Closed

HerrNiklasRaab mentioned this issue Nov 12, 2018

ios status mapbox/flutter-mapbox-gl#61

Closed

amirh mentioned this issue Nov 20, 2018

Googlemap not rendering in ios #24434

Closed

yoavrofe mentioned this issue Nov 22, 2018

AndroidView is offsetted and clipped on some Xiaomi devices with a notch #24657

Open

zoechi mentioned this issue Dec 23, 2018

PlatformException(unregistered_view_type, trying to create a view with an unregistered type, unregistered view type: 'plugins.flutter.io/webview') #25714

Closed

zoechi mentioned this issue Jan 23, 2019

[VERBOSE-2:platform_view_layer.cc(28)] Trying to embed a platform view but the PaintContext does not support embedding #26893

Closed

hoanglm4 mentioned this issue Sep 3, 2019

State stuck on BUFFERING - iOS hoanglm4/flutter_youtube_view#19

Closed

arctouch-matheusromao mentioned this issue Nov 7, 2019

No podspec found for mark922_flutter_lottie in .symlinks/plugins/mark922_flutter_lottie/ios CameronStuartSmith/flutter_lottie#19

Open

github-actions bot locked as resolved and limited conversation to collaborators Aug 8, 2021

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Support inlining Android/iOS views #19030

Support inlining Android/iOS views #19030

amirh commented Jul 3, 2018

rolurq commented Jul 9, 2018

amirh commented Jul 9, 2018

benbucksch commented Jul 20, 2018

amirh commented Jul 20, 2018

yohom commented Jul 28, 2018

amirh commented Jul 28, 2018

morad00 commented Jul 31, 2018

newbie-gk commented Aug 9, 2018

tiagofalves commented Aug 9, 2018

amirh commented Nov 10, 2018

sreekanth-krishnan commented Nov 24, 2018

mclark4386 commented Nov 24, 2018

yoavrofe commented Nov 29, 2018

MarcAlx commented Feb 11, 2019

WChoy commented Feb 25, 2019 •

edited

amirh commented Feb 25, 2019

mduenas commented Mar 2, 2019

amirh commented Mar 3, 2019

smj992925133 commented Mar 28, 2019

mduenas commented Mar 28, 2019

lililixiaofei commented Jun 12, 2019

lukepighetti commented Aug 26, 2019

bemesquita commented Nov 22, 2019

xj5513 commented Dec 21, 2019

cip22 commented Jan 13, 2020

Alexakis97 commented Dec 13, 2020 •

edited

lukepighetti commented Dec 14, 2020

github-actions bot commented Aug 8, 2021

Support inlining Android/iOS views #19030

Support inlining Android/iOS views #19030

Comments

amirh commented Jul 3, 2018

rolurq commented Jul 9, 2018

amirh commented Jul 9, 2018

benbucksch commented Jul 20, 2018

amirh commented Jul 20, 2018

yohom commented Jul 28, 2018

amirh commented Jul 28, 2018

morad00 commented Jul 31, 2018

newbie-gk commented Aug 9, 2018

tiagofalves commented Aug 9, 2018

amirh commented Nov 10, 2018

sreekanth-krishnan commented Nov 24, 2018

mclark4386 commented Nov 24, 2018

yoavrofe commented Nov 29, 2018

MarcAlx commented Feb 11, 2019

WChoy commented Feb 25, 2019 • edited

amirh commented Feb 25, 2019

mduenas commented Mar 2, 2019

amirh commented Mar 3, 2019

smj992925133 commented Mar 28, 2019

mduenas commented Mar 28, 2019

lililixiaofei commented Jun 12, 2019

lukepighetti commented Aug 26, 2019

bemesquita commented Nov 22, 2019

xj5513 commented Dec 21, 2019

cip22 commented Jan 13, 2020

Alexakis97 commented Dec 13, 2020 • edited

lukepighetti commented Dec 14, 2020

github-actions bot commented Aug 8, 2021

WChoy commented Feb 25, 2019 •

edited

Alexakis97 commented Dec 13, 2020 •

edited