title: Move UI element with keyboard nativescript (IOS)
body: <p>On my nativescript app - I have a button at the bottom of a screen. On the screen there is a Text area. When the user taps in the Text Area, a virtual keyboard appears. At this point, I want the button at the bottom to move up and appear just on top of the virtual keyboard. Any suggestions on how I can achieve this in both android and iOS?</p>
  
  <p>Code</p>
  
  <pre><code>&lt;GridLayout&gt;
  &lt;ActionBar title="" backgroundColor="#f82462" top="0" left="0"&gt;
      &lt;NavigationButton (tap)="goBack()"&gt;&lt;/NavigationButton&gt;
  &lt;/ActionBar&gt;
  &lt;GridLayout rows="*, auto"&gt;
      &lt;GridLayout row ='0' rows="auto *" columns=""&gt;
          &lt;GridLayout row="0" rows="" columns=""&gt;
              &lt;Button text="Top Button" (tap)="goNext()"&gt;&lt;/Button&gt;                
          &lt;/GridLayout&gt;
          &lt;GridLayout row="1" backgroundColor="#f82462"&gt;
              &lt;TextView [(ngModel)]="xyz" class="input" hint="Write your question as a complete sentence.Click on camera to add images if required." returnkeyType="done" id="questionText"&gt;&lt;/TextView&gt;
          &lt;/GridLayout&gt;
  &lt;/GridLayout&gt;
  &lt;StackLayout row='1'&gt;
      &lt;Button text="Next" (tap)="goNext()"&gt;&lt;/Button&gt;
  &lt;/StackLayout&gt;
  &lt;/GridLayout&gt;
  </code></pre>
  
  <p></p>