loadinglayout | practical page multi-state layout

I'm trying to transpile all code in my application from es6 to es5 since I'm having issues with Safari 9 and IE11.

However when I include node_modules in my babel.config.js I get the following error

I'm having a problem with RecyclerView and my adapter. The messages inside the RecyclerView are showing too small in the layout, here you can see in an image: Click to see the Image

MessageAdapter.java:

Some times when loading a View, it does not fully load on Iphone.. see the screenshot.. (Images are blurred on purpose..) At least, it does not load with proper dimensions. it is usually fixed by rotating the phone to landscape and back.. is there a way to avoid this?

here is my view:

I'm loading images async into my Listview according to this answer: Xamarin - Asynchronous data binding

I'd like to display a ActivityIndicator while the page is loading the data from the web, but cannot figure out how to bind the visibility it to the task, so that it disappears when the task is done loading..

I've created a isLoading bool variable in my ViewModel.

I tried it this way in my ViewModel, but It's not working:

I have a BasePage created using ControlTemplates that contains a loading overlay for each child to use - This overlay has a "cancel" button on it, but for some reason I can't get ICommands to execute when I tap the buttons. Clicked events work fine but I'd like to understand what the problem is with Commands.

I researched the issue and found I should be binding using Command="{TemplateBinding MyCommand}" since my content is within a ControlTemplate but still no luck, however I am also binding the Text property and this is working fine, so I'm a bit confused.

Here's a cut down version of what I've hacked together.

Here's my BasePage XAML with the button in question:

I'm trying to upload an image from Xamarin to php using WebClient.

I've tried this code:

Xamarin: