[Bug] GradientStop binding color isn't working

[AhmedAbuelnour]

Description

Trying to bind a color to GradientStop isn't working as expected

XF Version: 4.8

[mfeingol]

@rmarinho:

I just tried this out with the XF 5.0 release, using XAML along these lines:

<Grid.Background>
    <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
        <GradientStop Color="{Binding Color, Converter={StaticResource ColorConverter}}" Offset="0" />
        <GradientStop Color="Transparent" Offset="1.5" />
    </LinearGradientBrush>
</Grid.Background>

The Color property is a string, and its value is set during the course of execution. The converter runs and returns the correct result of type Color. But the gradient brush renders fully transparent. If I bind to a property of type Color, it works. Any ideas?

Thanks.

[Aston13]

The issue seems to lie in finding the binding path.

For anyone encountering this issue, try to explicitly set the path and then bind to that by reference like I have here with 'siteOpType'. My StateColor property is of type Xamarin.Forms.Color.

                <Frame x:DataType="models:BindableSiteOperation" x:Name="siteOpType"
                       BackgroundColor="{Binding StateColor}"
                       Padding="0" 
                       CornerRadius="15">
                    <Grid RowDefinitions="Auto,*"
                          BackgroundColor="{AppThemeBinding Light={StaticResource BackgroundOverlayColorLight}, Dark={StaticResource BackgroundOverlayColorDark}}" 
                          Padding="5">
                        
                        <Grid.ColumnDefinitions HorizontalContentAlignment="Stretch">
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>

                        <!--[ Site Icon], [ Site Name ]-->
                        <Grid Grid.ColumnSpan="2" ColumnDefinitions="30,*" Margin="-5">
                            <Grid.Background>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                                    <GradientStop Color="{Binding Source={x:Reference siteOpType}, Path=BindingContext.StateColor}" Offset="0.3">
                                    </GradientStop>
                                    <GradientStop Color="Transparent" Offset="1.0"></GradientStop>
                                </LinearGradientBrush>
                            </Grid.Background>

[ipon85new]

I also ran into this bug. The solution was to add the desired color to the dictionary of static resources, and use it through binding

var neededColor = Color.Red; Application.Current.Resources.Add("NeededColor", neededColor );

<StackLayout.Background> <LinearGradientBrush EndPoint="1,0"> <GradientStop Color="{x:StaticResource NeededColor}" Offset="0.1" /> <GradientStop Color="White" Offset="1.0" /> </LinearGradientBrush> </StackLayout.Background>