OnBording Ui design xamarin forms
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<CarouselView x:Name="onBoardingCarousel" IndicatorView="IndicatorView"
Grid.Row="0" Grid.ColumnSpan="3" Grid.RowSpan="3"
ItemsSource="{Binding Items}"
Position="{Binding Position}">
<CarouselView.ItemTemplate>
<DataTemplate x:DataType="ob1:Onboarding">
<ContentView>
<FlexLayout Direction="Column"
JustifyContent="SpaceEvenly">
<ffimageloadingsvg:SvgCachedImage
Grid.Row="0"
Source="{Binding ImageUrl}"
Aspect="AspectFill"
WidthRequest="300"
FlexLayout.AlignSelf="Center"/>
<Label Grid.Row="1"
Text="{Binding Title}"
FontAttributes="Bold"
FontSize="Title" />
<Label Grid.Row="2"
Text="{Binding Content}"
FontSize="Body"/>
</FlexLayout>
</ContentView>
</DataTemplate>
</CarouselView.ItemTemplate>
</CarouselView>
<IndicatorView x:Name="IndicatorView"
Grid.Row="3"
Grid.Column="1"
IndicatorSize="7"
IndicatorsShape="Circle"
IndicatorColor="{StaticResource IndicatorColor}"
SelectedIndicatorColor="DarkGray"
HorizontalOptions="Center"
VerticalOptions="Center">
</IndicatorView>
<Button Grid.Row="3"
Grid.Column="0"
FontSize="Medium"
FontAttributes="Bold"
BackgroundColor="Transparent"
TextColor="{StaticResource SkipButtonColor}"
Text="{Binding SkipButtonText}"
Command="{Binding SkipCommand}"/>
<Button Grid.Row="3"
Grid.Column="2"
FontSize="Medium"
CornerRadius="50"
Margin="0,65,20,65"
FontAttributes="Bold"
BackgroundColor="{StaticResource NextButtonColor}"
TextColor="{StaticResource SkipButtonColor}"
Text="{Binding NextButtonText}"
Command="{Binding NextCommand}"/>
</Grid>