Not able to focus on Entry inside nested ListView in Xamarin Forms

Question

I have a ListView with 2 control in ViewCell. 1- Entry, 2- Another ListView with Entries.

Now I am facing unique problem.

Case-1: If I tap on Entry inside nested ListView, I am not able to click. It behave like read only.

Case-2: If first I tap on Entry which is not inside nested ListView, I am able to focus on it. After this, I am also able to tap/focus on Entry which is inside the nested ListView.

It means I must tap on the Entry(without nested ListView) first, then I am able to tap or focus on Entry(with nested ListView).

I attached code here Kindly see code and send appropriate answer.

MainPage.Xaml

<ListView Grid.Row="1" HasUnevenRows="True" IsPullToRefreshEnabled="False"
    ItemsSource="{Binding MainListViewItemSource}" CachingStrategy="RecycleElement"
    ItemTapped="OnListViewItemTapped" ItemSelected="OnListViewItemSelected">
    <ListView.ItemTemplate>
        <DataTemplate>
            <local:MyCell/>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

MyCell.xaml

<Image Source="{Binding PlusMinusImage}>
    <Image.GestureRecognizers>
        <TapGestureRecognizer Tapped="ListOpenCommand" NumberOfTapsRequired="1"/>
    </Image.GestureRecognizers>
</Image>
<StackLayout IsVisible={Binding IsVisible}>
    <Label Text="Mainlabel" FontSize="15" FontFamily="Roboto" TextColor="Black"/>
    <Entry x:Name="MainEntry" TextColor="Gray" Text="{Binding MainEntryValue}">
    <ListView ItemsSource="{Binding MyInnerListViewItemSource}" 
        ItemTapped="OnListViewItemTapped" ItemSelected="OnListViewItemSelected">
        <ListView.ItemTemplate>
            <DataTemplate>
                <ViewCell>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <Label Margin="0" Text="SampleInnerText" Grid.Column="0"/>
                        <Entry Margin="0" Text="{Binding SampleInnerTextValue}" 
                            Grid.Column="1"/>
                    </Grid>
                </ViewCell>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
</StackLayout>

MainPage.xaml.cs/MyCell.xaml.cs

private void OnListViewItemSelected(object sender, SelectedItemChangedEventArgs e)
{
    (sender as ListView).SelectedItem = null;
    return;
}
private void OnListViewItemTapped(object sender, ItemTappedEventArgs e)
{
    if (e.Item == null) return;
    ((ListView)sender).SelectedItem = null;
}

Android Listview Renderer

protected override void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
{
    base.OnElementPropertyChanged(sender, e);
    if (Control!=null)
    {
        Control.HorizontalScrollBarEnabled = false;
        Control.VerticalScrollBarEnabled = false;
        Control.Focusable = true;
        Control.FocusableInTouchMode = true;
    }

}

Share your code and just so you know never nest listviews into one another it is considered as a bad practice — FreakyAli
@G.hakim I added code Can you please go through that and help me to solve that? Thanks — Deep Soni
Can you give me a pictorial representation of what you are trying to do? Everything else seems to be okay — FreakyAli
On image Tap stack panel visibility is set and after open it work like first Focus or select main ListView and than inner ListView as I mention above — Deep Soni
Try using the RepeaterView instead of listview depblog.weblogs.us/2017/09/24/xamarin-forms-repeaterview — FreakyAli

FreakyAli FreakyAli · Accepted Answer · 2018-08-09T11:08:22

Following is the code for a non-scrollable listview take a look :

 public class NonScrollableListViewRenderer : ListViewRenderer
{
    public NonScrollableListViewRenderer(Context context) : base(context)
    {

    }
    protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.ListView> e)
    {
        base.OnElementChanged(e);
        try
        {
            if (e == null || e.NewElement == null)
            {
                return;
            }
            var lit = e.NewElement;
            if (e.NewElement != null)
            {
                var listView = this.Control as Android.Widget.ListView;
                listView.NestedScrollingEnabled = true;
            }
        }
        catch (System.Exception ex)
        {
            AppLogger.LogException(ex);
        }
    }



    public Android.Views.View getViewByPosition(int pos, Android.Widget.ListView listView)
    {
        try
        {


            int firstListItemPosition = listView.FirstVisiblePosition;
            int lastListItemPosition = firstListItemPosition + listView.Adapter.Count - 1;

            if (pos < firstListItemPosition || pos > lastListItemPosition)
            {
                return listView.Adapter.GetView(pos, null, listView);
            }
            else
            {
                int childIndex = pos - firstListItemPosition;
                return listView.GetChildAt(childIndex);
            }
        }
        catch (System.Exception ex)
        {
            AppLogger.LogException(ex);
            return null;
        }
    }


    public override void OnViewAdded(Android.Views.View child)
    {
        base.OnViewAdded(child);

    }


    protected override void OnDetachedFromWindow()
    {
        try
        {
            if (Control == null)
            {

            }
            if (Element == null)
            {

            }
            base.OnDetachedFromWindow();

        }
        catch (System.Exception ex)
        {
            AppLogger.LogException(ex);
        }
    }


    protected override void Dispose(bool disposing)
    {
        disposing = false;
        if (Element == null)
        {

        }
        if (Control == null)
        {

        }
        base.Dispose(disposing);
    }
}

Not able to focus on Entry inside nested ListView in Xamarin Forms

1 Answers