2016-11-02 13 views
0

私はチャット画面を持っており、テキストフィールドにフォーカスがあるとiOSソフトキーボードが表示されます。ビューが重なり、テキストフィールドと送信ボタンが非表示になります。外側のGridViewの高さがGridViewの高さ(ソフトキーボードの高さ)と同じになるようにビューを折りたたむ方法はありますか?これにより、すべての要素を表示することができます。ここでNativescript:ソフトウェアキーボードがiOSに表示されているときに表示を折りたたむ方法は?

は私のxmlレイアウトです:

<Page id="main" 
    xmlns="http://www.nativescript.org/tns.xsd" 
    navigatingTo="onNavigatingTo"> 

     <GridLayout rows="auto, auto, *, auto, auto"> 

      <!-- Title --> 
      <Label text="{{ L('chat', 'title') }}" class="title title-bar" row="0"/> 
      <StackLayout class="line" row="1"/> 

      <ListView id="messagesList" items="{{ messages }}" separatorColor="transparent" row="2"> 
       <ListView.itemTemplate> 
        <GridLayout columns="auto * auto" class="chat-item"> 
         <Label text="{{ getChatUserName(isUser) }}" class="chat-avatar" 
           col="{{ isUser ? '2' : '0' }}"/> 
         <Label text="{{ message }}" 
           class="{{ isUser ? 'chat-message chat-message-user' : 'chat-message' }}" 
           textWrap="true" col="1"/> 
        </GridLayout> 
       </ListView.itemTemplate> 
      </ListView> 

      <TextField text="{{ messageToSend }}" hint="{{ L('chat', 'text_hint') }}" row="3" returnPress="{{ send }}"/> 
      <Button text="{{ L('chat', 'send_btn') }}" class="footer-grey-button-wrapper footer-grey-button" 
        tap="{{ send }}" col="0" row="4"/> 

     </GridLayout> 

</Page> 
+0

からキーボードを防ぐために、iOSのために作られ、このプラグインを使用することができます。 iOSではデフォルトでムービーコンポーネントの移動が行われないため、ネイティブライブラリが存在するのはそのためです。 Androidはこれをアプリケーションマニフェストの設定で処理します。これは、ソフトキーボードが表示されているときにデフォルトで表示を調整するように設定する必要があります。 –

+0

プラグインをインストールしましたが、どうすれば使用できますか?今のところ、ソフトキーボードが上にスライドすると、テキストフィールドとボタンが隠されます。 – terreb

答えて

関連する問題