search

JoshDSommer / nativescript-ngx-slides

A NativeScript + Angular module for to add a slides component to your mobile app
Other
45 stars 34 forks source link

Resize images based on parents width #66

Closed matejhocevar closed 6 years ago

matejhocevar commented 6 years ago

How can I make sure that slider uses 100% of parents width? I want to make sure that image fits 100% on every mobile device.

Thank you

matejhocevar commented 6 years ago

I managed to update it, something like this:

<StackLayout class="intro">
    <slides [pageIndicators]="true">
        <slide class="slide slide-1">
            <Image src="~/assets/images/intro/1.png" strech="aspectFit"></Image>
        </slide>
        <slide class="slide slide-2">
            <Image src="~/assets/images/intro/2.png" strech="aspectFit"></Image>
        </slide>
        <slide class="slide slide-3">
            <Image src="~/assets/images/intro/3.png" strech="aspectFit"></Image>
        </slide>
    </slides>
</StackLayout>