Xamarin Forms Prewier

Hey Guys Today We are gonna learn about Xamarin Forms cool feature which is known as Xamarin Prewier.Xamarin Prewier is very useful tool in order to see the changes in the User Interface,while desiging the View.For more Info About Xamarin Prewier Check Here 

First Of All Update Your Xamarin.Forms to the latest version



Visual Studio on Windows

Use the View > Other Windows > Xamarin.Forms Previewer menu in Visual Studio to open the preview window. Use the Window > New Vertical Tab Group menu to position it side-by-side.
ListView control preview in Visual Studio

XAML Preview Options

The options along the top of the preview pane are:

  • Phone – render in a phone-size screen
  • Tablet – render in a tablet-size screen (note there are zoom controls at the bottom-right of the pane)
  • Android – show the Android version of the screen
  • iOS – show the iOS version of the screen
  • Portait (icon) – uses portrait orientation for the preview
  • Landscape (icon) – uses landscape orientation for the preview

Problems Faced during Xamarin Prewier

There is a bug in Xamarin Prewier which results that it will not work as aspected during the android project.

The solution of this annoying bug is that you have to always connected to Mac.I know you may be wandering that what is the need of having Mac when you are just working on Android project.But sadly this is only solution.


Invalid XAML: The Android project needs to built before preview can be created
The XAML Previewer requires that the project be built before rendering a page. If the error below appears at the top of the preview pane, re-build the application and try again.
Error message: project must be built first



For Any Queries And Suggestions. Please Write Us In the Comments

Comments

  1. Woah!! Such a piece of the nice information you have shared here, I have read the entire post and I must say that the information is very helpful for me.
     Xamarin Development Company texas

    ReplyDelete

Post a Comment

Popular posts from this blog

FilePicker In Xamarin Forms

How to Use Media Picker In Xamarin Forms Portable

Scrolling Problem ListView in ScrollView (Solved)