Image not showing in simulator

I can't figure it out , found something online and it is showning the image in the split screen (MainPage.xaml - Split.)

But when i run the simulator all the image's don't show.

This is what i change with the original sample .
Image Source="{local:ImageResource FlexLayoutDemos.Images.Wereld.jpg}" />

into this

Image Source="Wereld"

`<?xml version="1.0" encoding="utf-8" ?>

<ContentPage.Resources>
    <Style TargetType="Frame">
        <Setter Property="BackgroundColor" Value="LightYellow" />
        <Setter Property="BorderColor" Value="Blue" />
        <Setter Property="Margin" Value="10" />
        <Setter Property="CornerRadius" Value="15" />
    </Style>

    <Style TargetType="Label">
        <Setter Property="Margin" Value="0, 4" />
    </Style>

    <Style x:Key="headerLabel" TargetType="Label">
        <Setter Property="Margin" Value="0, 8" />
        <Setter Property="FontSize" Value="Large" />
        <Setter Property="TextColor" Value="Blue" />
    </Style>

    <Style TargetType="Image">
        <Setter Property="FlexLayout.Order" Value="-1" />
        <Setter Property="FlexLayout.AlignSelf" Value="Center" />
    </Style>

    <Style TargetType="Button">
        <Setter Property="Text" Value="LEARN MORE" />
        <Setter Property="FontSize" Value="Large" />
        <Setter Property="TextColor" Value="White" />
        <Setter Property="BackgroundColor" Value="Green" />
        <Setter Property="BorderRadius" Value="20" />
    </Style>
</ContentPage.Resources>

<ScrollView Orientation="Both">
    <FlexLayout>
        <Frame WidthRequest="300"
               HeightRequest="480">

            <FlexLayout Direction="Column">
                <Label Text="Seated Monkey"
                       Style="{StaticResource headerLabel}" />
                <Label Text="This monkey is laid back and relaxed, and likes to watch the world go by.\n Ja dat is een heel verhaal zo als ik dat zeg al ik maar zeggen"/>
                <Label Text="  &#x2022; Doesn't make a lot of noise" />
                <Label Text="  &#x2022; Often smiles mysteriously" />
                <Label Text="  &#x2022; Sleeps sitting up" />
                <Image Source="Change"
                       WidthRequest="180"
                       HeightRequest="180" />
                <Label FlexLayout.Grow="1" />
                <Button />
            </FlexLayout>
        </Frame>

        <Frame WidthRequest="300"
               HeightRequest="480">

            <FlexLayout Direction="Column">
                <Label Text="Banana Monkey"
                       Style="{StaticResource headerLabel}" />
                <Label Text="Watch this monkey eat a giant banana." />
                <Label Text="  &#x2022; More fun than a barrel of monkeys" />
                <Label Text="  &#x2022; Banana not included" />

                <Image Source="Wereld"
                       WidthRequest="240"
                       HeightRequest="180" />
                <Label FlexLayout.Grow="1" />
                <Button />
            </FlexLayout>
        </Frame>

        <Frame WidthRequest="300"
               HeightRequest="480">

            <FlexLayout Direction="Column">
                <Label Text="Face-Palm Monkey"
                       Style="{StaticResource headerLabel}" />
                <Label Text="This monkey reacts appropriately to ridiculous assertions and actions." />
                <Label Text="  &#x2022; Cynical but not unfriendly" />
                <Label Text="  &#x2022; Seven varieties of grimaces" />
                <Label Text="  &#x2022; Doesn't laugh at your jokes" />
              <Image Source="Kollum"
                       WidthRequest="180"
                       HeightRequest="180" />
                <Label FlexLayout.Grow="1" />
                <Button />
            </FlexLayout>
        </Frame>
    </FlexLayout>
</ScrollView>


`

Tagged:

Best Answer

  • BorisopritBorisoprit ✭✭✭
    Accepted Answer

    Don't know what went wrong , started a new project en problem solved

Answers

Sign In or Register to comment.