How To Display Field And Text Field With Xamarin Forms

First of all, we open a new project from the file. The window will appear, as shown in the figure. Then, we select the Blank Xaml App (Xamarin Forms Portable).

Why do we choose this option? I explained it in my previous post.
 
Now, we write the name of the project and click OK.

code

After some time, a blank window will open where we need to implement our code. There are some options in the right pane that we have discussed in previous posts. We will work at the top of the portable project which is highlighted in the given figure.

code

Then, we delete the label code and write our code for the next operation. We start our code with StackLayout, the layout that positions the child elements in a single line which can either be vertical or horizontal. Because StackLayout layouts override the bounds on their child elements, application developers should not set bounds on them. Xaml for Xamarin.Forms supports the following properties for the StackLayout class. We call it sharper in coding.

code

As we can see in the figure, we use StackLayout and click the reshaper option. Then, we use next option. We use label tag <label/>. In html, we use start and close both tags; but in the Xamarin form, we use only the closed tag. Then, we use Text here which Gets or sets the text for the label. This is a bindable property. Setting Text to a non-null value will set the formatted text property to null. Then, we write the message which the user will see in double quotes “”. Then, we use entry label. We use this label for the field where the user can write, as shown in the next mobile figure. It is showing the output which I wrote through code.

output

We run this code in the Android phone for the output. This code is simple and easy to remember, If you face any query, please comment here.

X

Build smarter apps with Machine Learning, Bots, Cognitive Services - Start free.

Start Learning Now