Webview shows me a blank screen

Bug Reports
1

I was looking for and I not sure if this thread is just open, but, any way. I’m trying tu build a mockup/demo app, using some of yours examples, like “https://www.fusetools.com/examples/tab-bar-navigation” and including in one of this tabs a webview, but when I deploy in my andoid device shows me only a blank tab, don’t render the parse url.

Here is the sublime text code

Can U help me? thanks a

2

Sorry, but I don’t know how poste a code…

3

You can add code in your post like this: https://help.github.com/articles/creating-and-highlighting-code-blocks/

Or you can upload a project which reproduces the issue here: https://www.dropbox.com/request/ZgndLtJQm5eGzG9cicGK (only Fuse employees will have access to it)

4

here is the code of the .ux file, you need something more, to give me a hand?

Thanks a lot!


<App Background="#282828" >
    <Image ux:Class="Icon" Density="2" StretchMode="PointPrecise" />
    <Font File="Assets/OpenSans-SemiBold.ttf" ux:Global="SemiBold" />
    <DockPanel>
        <iOS.StatusBarConfig Style="Light" />
        <StatusBarBackground Dock="Top"/>
        <BottomBarBackground Dock="Bottom"/>
        <PageControl ux:Name="pages">
            <Page ux:Name="page1" Background="#03A9F4">
                <Image File="Assets/fuse-logo.png" StretchDirection="DownOnly" />
                <Text Margin="20,0,0,60" Alignment="BottomCenter" FontSize="30" TextColor="#B3E5FC">BIENVENIDOS</Text>
                <ActivatingAnimation>
                    <Scale Target="tabBarImage1" Factor="1.3" />
                </ActivatingAnimation>
            </Page>
            <Page ux:Name="page2" Background="#0288D1" >
                <!-- <Image File="Assets/website.png" StretchDirection="DownOnly" StretchMode="UniformToFill" Alignment="TopLeft" /> -->
                    \here start the web view\
                    <Panel>
                        <NativeViewHost>
                            <WebView Dock="Fill" Url="https://www.fusetools.com" />
                        </NativeViewHost>
                    </Panel>
                    \here ends\
                <ActivatingAnimation>
                    <Scale Target="tabBarImage2" Factor="1.3" />
                </ActivatingAnimation>
            </Page>
            <Page ux:Name="page3" Background="#0d47a1">
                <Image File="Assets/fuse-logo.png" StretchDirection="DownOnly" />

                <ActivatingAnimation>
                    <Scale Target="tabBarImage3" Factor="1.3" />
                </ActivatingAnimation>
            </Page>
            <Page ux:Name="page4" Background="#FF9800">
                <Image File="Assets/fuse-logo.png" StretchDirection="DownOnly" />
                <ActivatingAnimation>
                    <Scale Target="tabBarImage4" Factor="1.3" />
                </ActivatingAnimation>
            </Page>

        </PageControl>

        <Grid ColumnData="1*,1*,1*,1*" Height="45" Dock="Bottom">
            <Style>
                <Image Padding="7" />
            </Style>
            <Panel Background="#03A9F4">
                <Image ux:Name="tabBarImage1" File="Assets/icon-hexagon.png" />
                <Clicked>
                    <Set pages.Active="page1" />
                </Clicked>
            </Panel>
            <Panel Background="#0288D1">
                <Image ux:Name="tabBarImage2" File="Assets/icon-star.png" />
                <Clicked>
                    <Set pages.Active="page2" />
                </Clicked>
            </Panel>
            <Panel Background="#0d47a1">
                <Image ux:Name="tabBarImage3" File="Assets/icon-triangle.png" />
                <Clicked>
                    <Set pages.Active="page3" />
                </Clicked>
            </Panel>
            <Panel Background="#FF9800">
                <Image ux:Name="tabBarImage4" File="Assets/icon-square.png" />
                <Clicked>
                    <Set pages.Active="page4" />
                </Clicked>
            </Panel>

        </Grid>
    </DockPanel>
</App>
5

Hey, we know about this issue and are working to get it fixed. In the meantime, you can use an Observable string for your Url to work around this problem:

<App Theme="Basic">
    <JavaScript>
        var Observable = require("FuseJS/Observable");
        exports.url = Observable("http://www.google.com&quot;);
    </JavaScript>
    <DockPanel>
        <StatusBarBackground Dock="Top"/>
        <NativeViewHost>
            <WebView Dock="Fill" Url="{url}" />
        </NativeViewHost>
        <BottomBarBackground Dock="Bottom" />
    </DockPanel>
</App>