risposta-alla-domanda-sullo-sviluppo-web-bd.com

Flutter Keyboard rende il campo di testo nascosto

Sono nuovo di battere le mani. Ho aggiunto un modulo con un campo di testo e quando ho fatto clic sul campo di testo e sulla tastiera, il campo di testo sale.

Questo è il mio codice: 

Widget build(BuildContext context) {

MediaQueryData mediaQuery = MediaQuery.of(context);
return new Scaffold(
  body:  new Container(
      color: Colors.purple,
      constraints: new BoxConstraints.expand(),
      padding: EdgeInsets.only(top: 10.0,left: 10.0,right: 10.0, bottom: mediaQuery.viewInsets.bottom, ),
      child: SingleChildScrollView(
        child: Container(
            child: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  SizedBox(height: 12.0),
                  Text(
                    'What is your Bussiness Name?',
                    style: TextStyle(fontSize: 24.0),
                  ),
                  AppForm(),
                ],
              ),
            padding: EdgeInsets.only(left: 10.0,right: 10.0, bottom: mediaQuery.viewInsets.bottom),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.all(Radius.circular(30.0)),
              color: Colors.white,
                ),
              )
          )
      ),
    );
  }

Questo è il risultato senza aprire la tastiera: Immagine senza tastiera

Questa è l'immagine dopo l'apertura della tastiera: Immagine dopo l'apertura della tastiera


Ecco la mia uscita dal dottore flutter.

Doctor summary (to see all details, run flutter doctor -v): [√] Flutter 
(Channel beta, v0.5.1, on Microsoft Windows [Version 10.0.17134.165], locale 
en-US) [√] Android toolchain - develop for Android devices (Android SDK 
28.0.0) [√] Android Studio (version 3.1) [!] VS Code, 64-bit edition (version 
1.25.1) [!] Connected devices ! No devices available ! Doctor found issues in 
2 categories.

qualche idea su come risolvere questo?

4
Nirodya Gamage

Questo è stato il caso con me. Stai sicuramente avvolgendo un'impalcatura dentro un'altra impalcatura. ci dovrebbe essere solo un widget scaffold all'interno della tua app flutter sul layout principale. Semplice rimuovere tutti gli scaffold degli antenati che hai e mantenere solo uno scaffold. non avvolgere un'impalcatura in un'altra impalcatura. Altrimenti, puoi avvolgere un'impalcatura in un contenitore. 

Assicurati che nel tuo file main.Dart non stai facendo questo: -

✖✖

return Scaffold(
body : YourNewFileName(),
);

Nonostante questo codice, fai questo: - ✔✔

return YourNewFileName();
5
Aman Malhotra
 new Scaffold(
      appBar: new AppBar(
          ...
      resizeToAvoidBottomPadding: true,
      ....

Risolto problema il campo di testo era nascosto dalla tastiera

0
songoku1610