title: Image button Nativescript and Angular
body: <p>I need to create an Image button which includes a custom image and a label in {N} + Angular. 
  Something like this: </p>
  
  <p><a href="https://i.stack.imgur.com/6ANJ1.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6ANJ1.png" alt="enter image description here"></a></p>
  
  <p>Here's my code. I'm using the stack layout inside the grid layout. I can't see the label below the image.</p>
  
  <pre><code>&lt;GridLayout columns="*,*" rows="*,*,*,*,*,*"  width="400" height="400"&gt;
      &lt;StackLayout class="  btn-sq-lg  " col="0" row="0" (tap)="gotoSRTPage()"&gt;
          &lt;Image  col="0" row ="1" src="res://ic_briefcase" &gt; &lt;/Image&gt;
          &lt;Label class= "label" textWrap="true" col="0" row="2" text="SRT" horizontalAlignment="center" verticalAlignment="center"&gt;&lt;/Label&gt;
      &lt;/StackLayout&gt;  
      &lt;StackLayout class="  btn-sq-lg  " col="1" row="0" (tap)=""&gt;
          &lt;Image  col="1" row ="1" src="res://ic_blog" &gt; &lt;/Image&gt;
          &lt;Label  class= "label" col="1" row="2" text="SRT" horizontalAlignment="center" verticalAlignment="center"&lt;/Label&gt;
          &lt;/StackLayout&gt;    
           &lt;StackLayout class="  btn-sq-lg  " col="0" row="3" (tap)=""&gt;
          &lt;Image  col="0" row ="4" src="res://ic_reminder" &gt; &lt;/Image&gt;
          &lt;Label class= "label" textWrap="true" col="0" row="5" text="SRT" horizontalAlignment="center" verticalAlignment="center"&gt;&lt;/Label&gt;
          &lt;/StackLayout&gt;    
           &lt;StackLayout class="  btn-sq-lg  " col="1" row="3" (tap)=""&gt;
          &lt;Image  col="1" row ="4" src="res://ic_announcement" &gt; &lt;/Image&gt;
          &lt;Label class="label" textWrap="true" col="1" row="5" text="SRT" horizontalAlignment="center" verticalAlignment="center"&gt;&lt;/Label&gt;
          &lt;/StackLayout&gt;      
  &lt;/GridLayout&gt;
  </code></pre>
  
  <p>css file:</p>
  
  <pre><code>.btn-sq-lg {
   background-color: white;
  }
  .label {
    text-align: center;
    color:#00caab;
  }
  </code></pre>