如何在Android应用程序中使用nativescript加载页面时显示键盘?

时间:2017-08-31 18:25:55

标签: android nativescript

我的Android应用程序的第一页有一个输入字段。所以我想要的是当这个页面加载时我想自动显示键盘而不点击输入字段。

2 个答案:

答案 0 :(得分:2)

pkanev对ios的评论是正确的;即,只关注文本字段,ios将打开键盘。

但在Android上你需要做一些额外的工作 -

<script>
 $('#twitter-widget-0').load(function() {
  var css = '<style type="text/css"> body {background: white}</style>';
  $('#twitter-widget-0').contents().find("head").append(css);
});
    </script>

请注意使用setTimeout,这也是您在原生Android中需要做的事情。

答案 1 :(得分:1)

要聚焦该字段并在Android中使用NativeScript和Angular触发键盘:

  1. 在模板中命名您的元素:<TextField #myInput [...]></TextField>

  2. 在组件文件中使用它:

    import { ElementRef, OnInit } from "@angular/core";
    
    [...]
    
    export class MyComponent implements OnInit {
      @ViewChild("myInput") myInput: ElementRef;
    
      [...]
    
      ngOnInit() {
        setTimeout(() => this.myInput.nativeElement.focus(), 0);
      }
    }