Skip to content

Setting resizeToAvoidBottomPadding: false on a Scaffold disables scrolling of TextViews into views #18558

@escamoteur

Description

@escamoteur

Also what I realized:

If I set resizeToAvoidBottomPadding: false on my Scaffold no Textfield is scrolled up anymore and I can't even scroll my content up manually.
What if I don't want to have everything below pushe up? I only wan't to have the Textfield scrolled into view. See this two pichtures:

image

image

I don't want to have the TabBar (it's not in the bottom of the Scaflold but in an outer Column)pushed up too:

        child: Scaffold(resizeToAvoidBottomPadding: true,
          appBar: new AppBar(
            backgroundColor: Colors.white,
            centerTitle: true,
            title: new Text("Create Event"),
          ),
          body: new Center(
            child: Column(
              children: <Widget>[
                Expanded(
                  child: TabBarView(
                    controller: _tabController,
                    children: [
                      SingleChildScrollView(
                                              child: Container(
                          padding: EdgeInsets.symmetric(horizontal: 30.0, vertical: 20.0),
                          child: Column(crossAxisAlignment: CrossAxisAlignment.stretch,
                            children: [
                              ClipRRect(
                                borderRadius:
                                    BorderRadius.all(Radius.circular(10.0)),
                                child: Image.network(
                                  'https://firebasestorage.googleapis.com/v0/b/join-or-create.appspot.com/o/event_type_images%2Ffootball.jpg?alt=media&token=218c0a14-f6e9-48ed-b6a0-ca339a2ff555',
                                ),
                              ),
                              Padding(
                                padding: const EdgeInsets.only(top: 20.0),
                                child: Text('EVENT TITLE', textAlign: TextAlign.left,),
                              ),
                              JoCFormField(hintText: 'Select a appealing title',),
                              Padding(
                                padding: const EdgeInsets.only(top: 20.0),
                                child: Text('DESCRIPTION', textAlign: TextAlign.left,),
                              ),
                              JoCFormField(hintText: 'What are you planing to do?', height: 100.0,),
                              // Expanded(child: Container(color: Colors.blue,)),
                            ],
                          ),
                        ),
                      ),
                      Container(
                        color: Colors.red,
                      ),
                      Container(
                        color: Colors.green,
                      ),
                    ],
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: TabBar(
                    labelColor: Theme.of(context).accentColor,
                    controller: _tabController,
                    tabs: [
                      Tab(
                        text: "General",
                      ),
                      Tab(
                        text: "Location & Time",
                      ),
                      Tab(
                        text: "Requirements",
                      ),
                    ],
                  ),
                )
              ],
            ),
          ),
        ),
      ),

PS C:\Entwicklung\FlutterApps\Projects\JoinOrCreate\JoinOrCreate_Mobile> flutter doctor -v
[√] Flutter (Channel master, v0.5.5-pre.45, on Microsoft Windows [Version 10.0.17134.112], locale de-DE)
• Flutter version 0.5.5-pre.45 at C:\Entwicklung\Flutter
• Framework revision 592c5ba (3 hours ago), 2018-06-18 06:37:01 +0100
• Engine revision c3976b3
• Dart version 2.0.0-dev.61.0.flutter-c95617b19c

[√] Android toolchain - develop for Android devices (Android SDK 27.0.3)
• Android SDK at C:\Users\escam\AppData\Local\Android\sdk
• Android NDK location not configured (optional; useful for native profiling support)
• Platform android-27, build-tools 27.0.3
• Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
• Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1024-b02)
• All Android licenses accepted.

[√] Android Studio (version 3.1)
• Android Studio at C:\Program Files\Android\Android Studio
• Flutter plugin version 24.2.1
• Dart plugin version 173.4700
• Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1024-b02)

[!] VS Code, 32-bit edition (version 1.24.1)
• VS Code at C:\Program Files (x86)\Microsoft VS Code
• Flutter extension not installed; install from
https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

[√] Connected devices (1 available)
• Android SDK built for x86 • emulator-5554 • android-x86 • Android 7.1.1 (API 25) (emulator)

! Doctor found issues in 1 category.

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Important issues not at the top of the work lista: text inputEntering text in a text field or keyboard related problemsf: scrollingViewports, list views, slivers, etc.found in release: 1.21Found to occur in 1.21frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onr: invalidIssue is closed as not valid

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions