About the issue of keyboard crash when popping up

Read the original article：About the issue of keyboard crash when popping up

Problem Description

Needed to implement a functional scenario. Page A has a RichEditor input box. Page A pushes page B through navPathStack. Then, after page B is popped, the input box of page A enters the editing state.

Implemented it through this.getUIContext().getFocusController().requestFocus('editor');

but when executed the latter operation, a crash occurred.

Solution

There is no better way at present. RequestFocus needs to be executed after the component is loaded. There are currently the following workarounds that can be tried:

1.Add parameters to the index page (A) and use watch to monitor;

 @State @Watch ( "changeStr" ) str : string = "index" ;

   changeStr (){

    if(this.str === "pop"){

      console.log("===》changeStr()")

      setTimeout(()=>{

        this.getUIContext().getFocusController().requestFocus("RichEditor")

      },100)

      this.str = "index";

    }

  }Copy codeCopy code

2.When the page returns from page B via pop, listen to the parameters callback from page B and assign them to this.str to trigger the watch listening, and call back requestFocus to trigger focus control;

 this.pageStack.pushPathByName ( " testPage " , tmp , ( popInfo ) => {

               this.message =

                 ' [ pushPathByName]last page is: ' + popInfo.info.name + ' , result : ' + JSON.stringify ( popInfo.result )

               ; this.str = ( popInfo.result as resultClass ) .str 

            });Copy codeCopy code

3.The reason for adding the setTimeout function in changeStr ; the watch listener callback may occur before the component is rendered, thus causing a crash; and the 100ms delay will not affect the usage.

Written by Merve Yonetci