Xamarin Help on how to have an image in front of another player profile

I am trying to configure this layout in Xamarin forms xaml. Am a bit lost as to how to centre the smaller picture of the player in the profile.

So My main question is how would one have the circle image with border around it. I am using Xamarin forms version 5.0.0.2083

https://www.nhl.com/player/sidney-crosby-8471675

All I have tried so far is

<ContentPage.Content>
    <StackLayout BackgroundColor="#18191a">
        <Image Source="playerprofile.jpg" ></Image> // This is the big image
        <Grid RowDefinitions="*, 80"> // I thought a grid with this would work

            <ScrollView Orientation="Vertical">
                <StackLayout Padding="20" Spacing="20">

                    <!--  Header  -->
                    <Grid ColumnDefinitions="*,Auto" HorizontalOptions="Fill">
                        <StackLayout>
                            <Label Text="Good Morning" />
                            <Label  Text="It's a great day to strike a fish" />
                        </StackLayout>                       



                    </Grid>
                </StackLayout>
            </ScrollView>
        </Grid>
    </StackLayout>
</ContentPage.Content>

I also need an area to put the grid below in with the points and all.



from Recent Questions - Stack Overflow https://ift.tt/3kEDRHX
https://ift.tt/eA8V8J

Comments

Popular posts from this blog

Today Walkin 14th-Sept

Spring Elasticsearch Operations

Hibernate Search - Elasticsearch with JSON manipulation