Skip to content

Instantly share code, notes, and snippets.

@bbenetskyy
Created November 21, 2019 14:20
Show Gist options
  • Save bbenetskyy/2aeb15151042b86bf71c5d5313da13ff to your computer and use it in GitHub Desktop.
Save bbenetskyy/2aeb15151042b86bf71c5d5313da13ff to your computer and use it in GitHub Desktop.
Sheel Flyout with Magic Gradient v2
<Shell.FlyoutHeaderTemplate>
<DataTemplate>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="100" />
</Grid.RowDefinitions>
<magicGradients:GradientView VerticalOptions="FillAndExpand">
<magicGradients:GradientView.GradientSource>
<magicGradients:LinearGradient Angle="357" IsRepeating="False">
<magicGradients:GradientStop Color="#1C48E9" Offset="0"/>
<magicGradients:GradientStop Color="#9D1CE9" Offset="0.16"/>
<magicGradients:GradientStop Color="#E91C83" Offset="0.32"/>
<magicGradients:GradientStop Color="#E9631C" Offset="0.48"/>
<magicGradients:GradientStop Color="#C0E91C" Offset="0.64"/>
<magicGradients:GradientStop Color="#1CE929" Offset="0.8"/>
<magicGradients:GradientStop Color="#1CE9D7" Offset="1"/>
</magicGradients:LinearGradient>
</magicGradients:GradientView.GradientSource>
</magicGradients:GradientView>
<Label Text="Magic Gradients" TextColor="White" FontAttributes="Bold"
FontSize="20" HorizontalOptions="Center" VerticalOptions="Center" />
</Grid>
</DataTemplate>
</Shell.FlyoutHeaderTemplate>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment