Mixing
Xamarin.Forms ListView - Refresh sometimes temporarily hides images
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I have a listview in my application. Sometimes (both on Android and iOS) a pull to refresh will temporarily "hide" some of the images. These images will almost always return when next refreshed.
Here is the code that sets the image source (have tried without Device.BeginInvokeOnMainThread)
Device.BeginInvokeOnMainThread(() =>
{
//Set Image value for list item
listItem.Image = ImageSource.FromResource(String.Format("AppName.FolderName.{0}.png", returnedItem.Description.Replace(" ", "")));
});
Here is the code in the UI for the listview:
<ListView x:Name="listView" HasUnevenRows="True" CachingStrategy="RecycleElement" ItemSelected="ShowItem">
<ListView.ItemTemplate>
<DataTemplate>
<ViewCell>
<StackLayout Spacing="5" Orientation="Horizontal" Padding="0,25,0,25" Margin="20,0,20,0">
<Image HeightRequest="35" WidthRequest="35" Source="{Binding Path=Image}" VerticalOptions="Center" Margin="0,0,5,0"/>
<Label Text="{Binding Path=Name}" FontFamily="{StaticResource BoldFont}" FontSize="19" VerticalTextAlignment="Center"/>
<StackLayout HorizontalOptions="EndAndExpand">
<Label Text="{Binding Path=Amount}" FontSize="20" TextColor="#b3b3b3" VerticalTextAlignment="Center" FontFamily="{StaticResource MediumFont}" HorizontalOptions="EndAndExpand" HorizontalTextAlignment="End"/>
<Label Text="{Binding Path=Value}" FontSize="14" TextColor="#b3b3b3" VerticalTextAlignment="Center" FontFamily="{StaticResource LightFont}" HorizontalOptions="EndAndExpand" HorizontalTextAlignment="End"/>
</StackLayout>
</StackLayout>
</ViewCell>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
Unfortunately I can't show any screenshots of the app as my employer does not allow. I have however made 2 separate apps in the last 6 months, both with listviews containing images and the issue occurs on both apps (on both platforms). The other app contains very similar code for the listview.
Note: the images are stored in a folder in the main project, and are configured to have a build action of "embedded resource" (as instructed via Microsoft here).
Has anybody had this issue before or can anyone please offer a fix?
listview xamarin.forms
asked Jan 3 at 14:51
Matt WardMatt Ward
334416
add a comment |
I have a listview in my application. Sometimes (both on Android and iOS) a pull to refresh will temporarily "hide" some of the images. These images will almost always return when next refreshed.
Here is the code that sets the image source (have tried without Device.BeginInvokeOnMainThread)
Device.BeginInvokeOnMainThread(() =>
{
//Set Image value for list item
listItem.Image = ImageSource.FromResource(String.Format("AppName.FolderName.{0}.png", returnedItem.Description.Replace(" ", "")));
});
Here is the code in the UI for the listview:
<ListView x:Name="listView" HasUnevenRows="True" CachingStrategy="RecycleElement" ItemSelected="ShowItem">
<ListView.ItemTemplate>
<DataTemplate>
<ViewCell>
<StackLayout Spacing="5" Orientation="Horizontal" Padding="0,25,0,25" Margin="20,0,20,0">
<Image HeightRequest="35" WidthRequest="35" Source="{Binding Path=Image}" VerticalOptions="Center" Margin="0,0,5,0"/>
<Label Text="{Binding Path=Name}" FontFamily="{StaticResource BoldFont}" FontSize="19" VerticalTextAlignment="Center"/>
<StackLayout HorizontalOptions="EndAndExpand">
<Label Text="{Binding Path=Amount}" FontSize="20" TextColor="#b3b3b3" VerticalTextAlignment="Center" FontFamily="{StaticResource MediumFont}" HorizontalOptions="EndAndExpand" HorizontalTextAlignment="End"/>
<Label Text="{Binding Path=Value}" FontSize="14" TextColor="#b3b3b3" VerticalTextAlignment="Center" FontFamily="{StaticResource LightFont}" HorizontalOptions="EndAndExpand" HorizontalTextAlignment="End"/>
</StackLayout>
</StackLayout>
</ViewCell>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
Unfortunately I can't show any screenshots of the app as my employer does not allow. I have however made 2 separate apps in the last 6 months, both with listviews containing images and the issue occurs on both apps (on both platforms). The other app contains very similar code for the listview.
Note: the images are stored in a folder in the main project, and are configured to have a build action of "embedded resource" (as instructed via Microsoft here).
Has anybody had this issue before or can anyone please offer a fix?
listview xamarin.forms
asked Jan 3 at 14:51
Matt WardMatt Ward
334416
add a comment |
I have a listview in my application. Sometimes (both on Android and iOS) a pull to refresh will temporarily "hide" some of the images. These images will almost always return when next refreshed.
Here is the code that sets the image source (have tried without Device.BeginInvokeOnMainThread)
Device.BeginInvokeOnMainThread(() =>
{
//Set Image value for list item
listItem.Image = ImageSource.FromResource(String.Format("AppName.FolderName.{0}.png", returnedItem.Description.Replace(" ", "")));
});
Here is the code in the UI for the listview:
<ListView x:Name="listView" HasUnevenRows="True" CachingStrategy="RecycleElement" ItemSelected="ShowItem">
<ListView.ItemTemplate>
<DataTemplate>
<ViewCell>
<StackLayout Spacing="5" Orientation="Horizontal" Padding="0,25,0,25" Margin="20,0,20,0">
<Image HeightRequest="35" WidthRequest="35" Source="{Binding Path=Image}" VerticalOptions="Center" Margin="0,0,5,0"/>
<Label Text="{Binding Path=Name}" FontFamily="{StaticResource BoldFont}" FontSize="19" VerticalTextAlignment="Center"/>
<StackLayout HorizontalOptions="EndAndExpand">
<Label Text="{Binding Path=Amount}" FontSize="20" TextColor="#b3b3b3" VerticalTextAlignment="Center" FontFamily="{StaticResource MediumFont}" HorizontalOptions="EndAndExpand" HorizontalTextAlignment="End"/>
<Label Text="{Binding Path=Value}" FontSize="14" TextColor="#b3b3b3" VerticalTextAlignment="Center" FontFamily="{StaticResource LightFont}" HorizontalOptions="EndAndExpand" HorizontalTextAlignment="End"/>
</StackLayout>
</StackLayout>
</ViewCell>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
Unfortunately I can't show any screenshots of the app as my employer does not allow. I have however made 2 separate apps in the last 6 months, both with listviews containing images and the issue occurs on both apps (on both platforms). The other app contains very similar code for the listview.
Note: the images are stored in a folder in the main project, and are configured to have a build action of "embedded resource" (as instructed via Microsoft here).
Has anybody had this issue before or can anyone please offer a fix?
listview xamarin.forms
asked Jan 3 at 14:51
Matt WardMatt Ward
334416
I have a listview in my application. Sometimes (both on Android and iOS) a pull to refresh will temporarily "hide" some of the images. These images will almost always return when next refreshed.
Here is the code that sets the image source (have tried without Device.BeginInvokeOnMainThread)
Device.BeginInvokeOnMainThread(() =>
{
//Set Image value for list item
listItem.Image = ImageSource.FromResource(String.Format("AppName.FolderName.{0}.png", returnedItem.Description.Replace(" ", "")));
});
Here is the code in the UI for the listview:
<ListView x:Name="listView" HasUnevenRows="True" CachingStrategy="RecycleElement" ItemSelected="ShowItem">
<ListView.ItemTemplate>
<DataTemplate>
<ViewCell>
<StackLayout Spacing="5" Orientation="Horizontal" Padding="0,25,0,25" Margin="20,0,20,0">
<Image HeightRequest="35" WidthRequest="35" Source="{Binding Path=Image}" VerticalOptions="Center" Margin="0,0,5,0"/>
<Label Text="{Binding Path=Name}" FontFamily="{StaticResource BoldFont}" FontSize="19" VerticalTextAlignment="Center"/>
<StackLayout HorizontalOptions="EndAndExpand">
<Label Text="{Binding Path=Amount}" FontSize="20" TextColor="#b3b3b3" VerticalTextAlignment="Center" FontFamily="{StaticResource MediumFont}" HorizontalOptions="EndAndExpand" HorizontalTextAlignment="End"/>
<Label Text="{Binding Path=Value}" FontSize="14" TextColor="#b3b3b3" VerticalTextAlignment="Center" FontFamily="{StaticResource LightFont}" HorizontalOptions="EndAndExpand" HorizontalTextAlignment="End"/>
</StackLayout>
</StackLayout>
</ViewCell>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
Unfortunately I can't show any screenshots of the app as my employer does not allow. I have however made 2 separate apps in the last 6 months, both with listviews containing images and the issue occurs on both apps (on both platforms). The other app contains very similar code for the listview.
Note: the images are stored in a folder in the main project, and are configured to have a build action of "embedded resource" (as instructed via Microsoft here).
Has anybody had this issue before or can anyone please offer a fix?
listview xamarin.forms
listview xamarin.forms
asked Jan 3 at 14:51
Matt WardMatt Ward
334416
asked Jan 3 at 14:51
Matt WardMatt Ward
334416
edited Jan 3 at 15:14
Matt Ward
asked Jan 3 at 14:51
Matt WardMatt Ward
334416
asked Jan 3 at 14:51
Matt WardMatt Ward
334416
asked Jan 3 at 14:51
Matt WardMatt Ward
334416
334416
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
Solution: I have changed the way I store the images by using the resources folder (drawable) for Android and Asset Catalog for Apple.
I then modified my code to read:
listItem.Image = ImageSource.FromFile(String.Format(${returnedItem.Description.Replace(" ", "")}.png"));
answered Jan 4 at 16:11
Matt WardMatt Ward
334416
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54024654%2fxamarin-forms-listview-refresh-sometimes-temporarily-hides-images%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Solution: I have changed the way I store the images by using the resources folder (drawable) for Android and Asset Catalog for Apple.
I then modified my code to read:
listItem.Image = ImageSource.FromFile(String.Format(${returnedItem.Description.Replace(" ", "")}.png"));
answered Jan 4 at 16:11
Matt WardMatt Ward
334416
add a comment |
Solution: I have changed the way I store the images by using the resources folder (drawable) for Android and Asset Catalog for Apple.
I then modified my code to read:
listItem.Image = ImageSource.FromFile(String.Format(${returnedItem.Description.Replace(" ", "")}.png"));
answered Jan 4 at 16:11
Matt WardMatt Ward
334416
add a comment |
Solution: I have changed the way I store the images by using the resources folder (drawable) for Android and Asset Catalog for Apple.
I then modified my code to read:
listItem.Image = ImageSource.FromFile(String.Format(${returnedItem.Description.Replace(" ", "")}.png"));
answered Jan 4 at 16:11
Matt WardMatt Ward
334416
Solution: I have changed the way I store the images by using the resources folder (drawable) for Android and Asset Catalog for Apple.
I then modified my code to read:
listItem.Image = ImageSource.FromFile(String.Format(${returnedItem.Description.Replace(" ", "")}.png"));
answered Jan 4 at 16:11
Matt WardMatt Ward
334416
answered Jan 4 at 16:11
Matt WardMatt Ward
334416
answered Jan 4 at 16:11
Matt WardMatt Ward
334416
answered Jan 4 at 16:11
Matt WardMatt Ward
334416
334416
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54024654%2fxamarin-forms-listview-refresh-sometimes-temporarily-hides-images%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
