Flutter Keyboard скрывает текстовое поле

Так было со мной. Вы определенно оборачиваете помост внутри другого помоста. внутри вашего приложения flutter должен быть только один виджет каркаса, то есть основной макет. Просто удалите все имеющиеся у вас предки каркаса и оставьте только один каркас. не заворачивайте строительные леса в другие леса. Несмотря на это, вы можете завернуть строительные леса в контейнер.

Убедитесь, что в вашем файле main.dart вы этого не делаете: -

✖✖

return Scaffold(
body : YourNewFileName(),
);

Несмотря на приведенный выше код, сделайте следующее: - ✔✔

return YourNewFileName();

 new Scaffold(
      appBar: new AppBar(
          ...
      resizeToAvoidBottomPadding: true,
      ....

Исправлена ​​проблема, когда текстовое поле было скрыто клавиатурой

resizeToAvoidBottomPadding устарел используйте вместо resizeToAvoidBottomInset: true

Этот ответ не относится к указанному выше вопросу, но может быть полезен тем, у кого все еще возникают проблемы с клавиатурой, закрывающей выбранное текстовое поле, независимо от того, что они делают. Я попал на эту страницу, пытаясь решить такую ​​проблему.

До возникновения проблемы я вносил некоторые изменения, чтобы попытаться улучшить экран-заставку при запуске приложения. По чьей-то рекомендации я включил следующую строку в раздел <resources><style> файла styles.xml в папке android / app / src / main / res / values.

<item name = "android:windowFullscreen">true</item>

Это привело к неожиданному эффекту остановки прокрутки любых полей в главном приложении при отображении клавиатуры. Для кого-то это могло быть очевидно, но не для меня.

Надеюсь, эта информация кому-то поможет.

Вы можете просто обернуть виджет, который вы не хотите скрывать клавиатурой, внутри отступа, как показано ниже:

Padding(
         child: YourWidget()
         padding: EdgeInsets.only(
         bottom: MediaQuery.of(context).viewInsets.bottom)); 

Просто вырежьте и вставьте свой код тела в это -

SingleChildScrollView(
        child: Stack(
          children: <Widget>[
              // your body code 
           ],
         ),
       ),

был такой же вопрос получил ответ здесь

Если вы используете Scaffold, то оборачивайте корпус SingleChildScrollView

Например, вот так:

...
return Scaffold(
body: SingleChildScrollView(
    child: Column(
      children: <Widget>[
        TextField(),
        TextField(),
        TextField(),
      ],
    ),
  ),
);
...

это было для меня действительно палочкой-выручалочкой. Теперь эшафот станет прокручиваемым.

Исправление для меня было похоже на ответ GrahamD.

Я объявлял свою тему, используя родительский элемент с расширением .Fullscreen, например:

<style name = "NormalTheme" parent = "@android:style/Theme.Black.NoTitleBar.Fullscreen">
    <item name = "android:windowBackground">@android:color/white</item>
</style>

Я поднял вопрос с командой Flutter, потому что должна быть возможность использовать полноэкранную тему и иметь нормальное поведение приложения чата.

<item name = "android:windowFullscreen">true</item>

Удаление строки выше из

android/app/src/main/res/values/styles.xml

сделал мое приложение фиксированным для автоматической прокрутки поля ввода вверх, чтобы его можно было увидеть на клавиатуре открывается

спасибо @GrahamD

Я решил вышеупомянутую проблему, добавив Stack() в качестве тела моего Scaffold(), это позволяет объекту TextField() скользить вверх над виртуальной клавиатурой. Изначально я использовал SingleChildScrollView() для тела, в результате чего объекты TextField() были закрыты мягкой клавиатурой.

Решение, которое сработало для меня:

child: Scaffold(
          resizeToAvoidBottomInset: true,
          body: Stack(
            children: <Widget>[]

Вы должны добавить SingleChildScroolView в свой Scaffold и добавить обратное: правда в свой SingleChildScroolView

Scaffold(
body: SingleChildScrollView(
          reverse: true,
          child: Container()));

У меня была такая же проблема, я также использовал SingleChildScrollView, но это не решило мою проблему.

Моя проблема возникла в этом коде.

   Stack(
      childern:[
           SingleChildScrollView(),// In scollView i have textFeild when keyboard opens doneButton hide the textFeild.
           doneButtonWidget()//this button align with the bottom of the screen. 
   ]
)

Чтобы решить проблему, я следую этому, и это решило мою проблему.

    Column(
       childern:[
            Expaned(  
                child:SingleChildScrollView(),// In scollView i have textFeild when keyboard opens doneButton hide the textFeild.
               flex:1
              ),
              doneButtonWidget()//this button align with the bottom of the screen. 
             ]
          )

resizeToAvoidBottomInset по умолчанию имеет значение true.

return Scaffold ( resizeToAvoidBottomInset: ложь,

Я установил значение false, и он работал нормально

Согласно обновлениям флаттера (2021 г.), «resizeToAvoidBottomInset: true» выдает ошибку желто-черной полосы при появлении клавиатуры.

Вот как я исправил указанную выше проблему:

1. Внутри метода build () проверьте, открыта ли клавиатура, bool keyboardIsOpen = MediaQuery.of (контекст) .viewInsets.bottom! = 0;
2. Установите resizeToAvoidBottomInset: true внутри Scaffold
3. Оберните свой виджет SizedBox () и установите высоту следующим образом: высота: keyboardIsOpen ? MediaQuery.of (контекст) .size.height * 0,2 : MediaQuery.of (контекст) .size.width * 0,6,