SfPullToRefresh control doesn't work if contained in ReactiveContentView or ReactiveContentPage

Hi there,


I'm using syncfusion controls combined with ReactiveUI. Everytime I use the PullToRefresh Control inside ReactiveContentPage or ReactiveContentView it just doesn't work.

You can find the ReactiveContentView class here

https://github.com/reactiveui/ReactiveUI/blob/main/src/ReactiveUI.XamForms/ReactiveContentView.cs

This is a code samples


public partial class MyView : ReactiveView<MyViewModel>
{
public MyView()
{
InitializeComponent();

ViewModel = new MyViewModel();

this.WhenActivated(disposables =>
{
OnInitializeReactiveSubscriptions(disposables);
});
}

private void OnInitializeReactiveSubscriptions(CompositeDisposable disposables)
{
}
}
}


<?xml version="1.0" encoding="UTF-8" ?>
<ru:ReactiveContentView
x:Class="MyApp.App.MyView"
xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:ru="clr-namespace:ReactiveUI.XamForms;assembly=ReactiveUI.XamForms"
xmlns:syncfusionPulltoRefresh="clr-namespace:Syncfusion.SfPullToRefresh.XForms;assembly=Syncfusion.SfPullToRefresh.XForms"
x:DataType="myApp:MyViewModel"
x:TypeArguments="myApp:MyViewModel">

<syncfusionPulltoRefresh:SfPullToRefresh
x:Name="pullToRefresh"
IsRefreshing="{Binding IsLoading, Mode=OneWay}"
ProgressBackgroundColor="{DynamicResource BoxBackgroundColor}"
ProgressStrokeColor="{DynamicResource PrimaryColor}"
PullingThershold="150"
RefreshCommand="{Binding LoadMeSectionTileGroupsLayoutCommand, Mode=OneWay}"
RefreshCommandParameter="{StaticResource True}"
RefreshContentHeight="40"
RefreshContentWidth="40"
TransitionMode="SlideOnTop"
VerticalOptions="FillAndExpand">
<syncfusionPulltoRefresh:SfPullToRefresh.PullableContent>
<Grid>
<!-- SomeUI -->
</Grid>
</syncfusionPulltoRefresh:SfPullToRefresh.PullableContent>
</syncfusionPulltoRefresh:SfPullToRefresh>
</ru:ReactiveContentView>



1 Reply

SV Suja Venkatesan Syncfusion Team October 11, 2021 12:22 PM UTC

Hi Mahmoud, 

Thank you for contacting Syncfusion support. 

We have prepared simple sample with your code snippet and checked the reported issue “SfPulltoRefresh Control doesn’t work if contained in ReactiveContentView or ReactiveContentpage” but unfortunately we are unable to reproduce the issue in our end. SfPullToRefresh Works fine inside the ReactiveContentView. We checked this issue in sample with our SfListView Control and simple Control(Label) inside the SfPullToRefresh.Pullablecontent . The sample we have used to check this issue and illustration video for both android and iOS platforms are available in the following link for your reference. 


Please let us know if we missed any customization you have done in your application. Otherwise try to reproduce the reported issue in this sample and revert us with modified sample or provide the below mentioned details. 

  1. Platform and device details
  2. Syncfusion control, ReactiveUI, ReactiveUI.XamForms and Xamarin.Forms version.
  3. Video illustration of the issue, if possible.

It will be more helpful for us find the exact cause for the issue and provide prompt solution at earlier. 

Additional information: 
Tested Device: Android- Samsung S8+(Android 9.0- API 28) 
                           iOS-Visual Studio Emulator(iphone8-14.4) 
SfPullToRefresh Version: 19.3.0.44 
ReactiveUI Version: 16.2.6 
ReactiveUI.XamForms Version: 16.2.6 
Xamarin.Forms Version: 5.0.0.2125. 


Regards, 
Suja. 







Loader.
Up arrow icon