Fixing selection issue on Android for list.

Author: Chriztiaan

demos/TodoSQLite/Models/TodoItem.cs

@@ -5,9 +5,10 @@ namespace TodoSQLite.Models;
 public class TodoItem
 {
     [JsonProperty("id")]
-    public string ID { get; set; } =  null!;
-
-    [JsonProperty("list_id")] public string ListId { get; set; } = null!;
+    public string ID { get; set; } =  "";
+    
+    [JsonProperty("list_id")] 
+    public string ListId { get; set; } = null!;
 
     [JsonProperty("created_at")]
     public string CreatedAt { get; set; }= null!;

demos/TodoSQLite/Models/TodoList.cs

@@ -5,7 +5,7 @@ namespace TodoSQLite.Models;
 public class TodoList
 {
     [JsonProperty("id")]
-    public string ID { get; set; } = null!;
+    public string ID { get; set; }  = "";
 
     [JsonProperty("created_at")]
     public string CreatedAt { get; set; } = null!;

demos/TodoSQLite/Platforms/Android/AndroidManifest.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
-	<application android:allowBackup="true" android:icon="@mipmap/appicon" android:roundIcon="@mipmap/appicon_round" android:supportsRtl="true"></application>
+	<application android:usesCleartextTraffic="true" android:allowBackup="true" android:icon="@mipmap/appicon" android:roundIcon="@mipmap/appicon_round" android:supportsRtl="true"></application>
 	<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
 	<uses-permission android:name="android.permission.INTERNET" />
 </manifest>

demos/TodoSQLite/Views/ListsPage.xaml

@@ -22,19 +22,20 @@
             <CollectionView.ItemTemplate>
                 <DataTemplate>
                     <Grid Padding="10">
-                        <Frame BorderColor="Gray" 
-                               Padding="10"
-                               CornerRadius="5">
-                            <Grid ColumnDefinitions="*,Auto">
-                                <Label Text="{Binding Name}"
-                                       FontSize="16"
-                                       VerticalOptions="Center"/>
-                                <Button Grid.Column="1"
-                                        Text="Delete"
-                                        Clicked="OnDeleteClicked"
-                                        CommandParameter="{Binding .}"/>
-                            </Grid>
-                        </Frame>
+                        <Grid Padding="10" 
+                              BackgroundColor="White"
+                              ColumnDefinitions="*,Auto">
+                            <Grid.Shadow>
+                                <Shadow Brush="Gray" Offset="1,1" Radius="3" Opacity="0.3"/>
+                            </Grid.Shadow>
+                            <Label Text="{Binding Name}"
+                                   FontSize="16"
+                                   VerticalOptions="Center"/>
+                            <Button Grid.Column="1"
+                                    Text="Delete"
+                                    Clicked="OnDeleteClicked"
+                                    CommandParameter="{Binding .}"/>
+                        </Grid>
                     </Grid>
                 </DataTemplate>
             </CollectionView.ItemTemplate>