xamarin - How can I lay out a grid to space out labels to the left and right? -


here code have:

<viewcell x:name="noa">    <grid verticaloptions="centerandexpand" padding="20, 0">       <grid.columndefinitions>          <columndefinition width="*" />          <columndefinition width="*" />          <columndefinition width="auto" />       </grid.columndefinitions>       <local:labelbodyrendererclass text="hide card after" horizontaloptions="startandexpand" />       <picker x:name="noapicker" isvisible="false" selectedindexchanged="noapickerselectedindexchanged" itemssource="{binding points}"></picker>       <label x:name="noalabel" horizontaloptions="end"/>       <label text="{x:static local:fontawesome.faangleright}" fontfamily="fontawesome" horizontaloptions="end" />    </grid> </viewcell> 

what achieve this:

hide card after             2 points > 

however hide card after, 2 points , > on top of each other.

can , suggest how can achieve looking for.

set column number each element.

<viewcell x:name="noa">    <grid verticaloptions="centerandexpand" padding="20, 0">       <grid.columndefinitions>          <columndefinition width="*" />          <columndefinition width="*" />          <columndefinition width="*" />          <columndefinition width="*" />       </grid.columndefinitions>       <local:labelbodyrendererclass text="hide card after" horizontaloptions="startandexpand" />       <picker grid.column="1" x:name="noapicker" isvisible="false" selectedindexchanged="noapickerselectedindexchanged" itemssource="{binding points}"></picker>       <label grid.column="2" x:name="noalabel" horizontaloptions="end"/>       <label grid.column="3" text="{x:static local:fontawesome.faangleright}" fontfamily="fontawesome" horizontaloptions="end" />    </grid> </viewcell> 

Comments

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

vue.js - Create hooks for automated testing -

Add new key value to json node in java -