"fastLinearToSlowEaseIn" Curve in PageController Causes a Rendering Error in PageView on Android 11 emulator

[JMooreo]

The following assertion was thrown during performLayout():

'package:flutter/src/rendering/sliver_fixed_extent_list.dart': Failed assertion: line 279 pos 12: 'firstIndex == 0 || childScrollOffset(firstChild!)! - scrollOffset <= precisionErrorTolerance': is not true.

Here is the full error message:

Either the assertion indicates an error in the framework itself, or we should provide substantially more information in this error message to help you determine and fix the underlying cause.
In either case, please report this assertion by filing a bug on GitHub:
  https://github.com/flutter/flutter/issues/new?template=BUG.md

The relevant error-causing widget was
PageView
lib\screens\page_view_screen.dart:58
When the exception was thrown, this was the stack
#2      RenderSliverFixedExtentBoxAdaptor.performLayout
package:flutter/…/rendering/sliver_fixed_extent_list.dart:279
#3      RenderObject.layout
package:flutter/…/rendering/object.dart:1777
#4      RenderSliverEdgeInsetsPadding.performLayout
package:flutter/…/rendering/sliver_padding.dart:132
#5      _RenderSliverFractionalPadding.performLayout
package:flutter/…/widgets/sliver_fill.dart:170
#6      RenderObject.layout
package:flutter/…/rendering/object.dart:1777

The following RenderObject was being processed when the exception was fired: RenderSliverFillViewport#59dca relayoutBoundary=up2 NEEDS-LAYOUT NEEDS-COMPOSITING-BITS-UPDATE
RenderObject: RenderSliverFillViewport#59dca relayoutBoundary=up2 NEEDS-LAYOUT NEEDS-COMPOSITING-BITS-UPDATE
    needs compositing
    parentData: paintOffset=Offset(0.0, 0.0) (can use size)
    constraints: SliverConstraints(AxisDirection.right, GrowthDirection.forward, ScrollDirection.idle, scrollOffset: 785.5, remainingPaintExtent: 392.7, crossAxisExtent: 751.3, crossAxisDirection: AxisDirection.down, viewportMainAxisExtent: 392.7, remainingCacheExtent: 392.7, cacheOrigin: 0.0)
    geometry: SliverGeometry(scrollExtent: 1178.2, paintExtent: 392.7, maxPaintExtent: 1178.2, hasVisualOverflow: true, cacheExtent: 392.7)
        scrollExtent: 1178.2
        paintExtent: 392.7
        maxPaintExtent: 1178.2
        hasVisualOverflow: true
        cacheExtent: 392.7
    currently live children: 2 to 2
    child with index 2: RenderIndexedSemantics#e64a1
        needs compositing
        parentData: index=2; layoutOffset=785.5
        constraints: BoxConstraints(w=392.7, h=751.3)
        semantic boundary
        size: Size(392.7, 751.3)
        index: 2
        child: RenderRepaintBoundary#5303d
            needs compositing
            parentData: <none> (can use size)
            constraints: BoxConstraints(w=392.7, h=751.3)

Here is some relevant code that causes the issue:

import 'package:flutter/material.dart';

class PageViewScreen extends StatefulWidget {
  @override
  _PageViewScreenState createState() => _PageViewScreenState();
}

class _PageViewScreenState extends State<PageViewScreen> {
  final PageController _controller = PageController();
  final List<Widget> screens = [
    Screen1(),
    Screen2(),
    Screen3(),
  ];

  void nextPage() {
    _controller.nextPage(
      duration: const Duration(
        milliseconds: 200,
      ),
      curve: Curves.fastLinearToSlowEaseIn,
    );
  }

  void prevPage() {
    _controller.previousPage(
      duration: const Duration(
        milliseconds: 200,
      ),
      curve: Curves.fastLinearToSlowEaseIn,
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: PageView.builder(
        physics: NeverScrollableScrollPhysics(),
        controller: _controller,
        itemCount: screens.length,
        itemBuilder: (ctx, index) => GestureDetector(
          onHorizontalDragEnd: (details) {
            if (details.primaryVelocity.isNegative) {
              nextPage();
            } else {
              prevPage();
            }
          },
          child: screens[index],
        ),
      ),
    );
  }
}

Emulator Details:

• Name: Pixel 3a API 30
• Resolution: 1080 x 2220: 440 dpi
• Target: Android 11.0

An Alternative That Works Properly

• Change Curves.fastLinearToSlowEaseIn to Curves.linearToEaseOut

[TahaTesser]

Hi @JMooreo
Can you please provide your flutter doctor -v
Thank you

[JMooreo]

Flutter Doctor Output

flutter doctor -v

[√] Flutter (Channel stable, 1.22.4, on Microsoft Windows [Version 10.0.19041.685], locale en-US)
    • Flutter version 1.22.4 at D:\Programming\flutter_windows_1.22.4-stable\flutter
    • Framework revision 1aafb3a8b9 (5 weeks ago), 2020-11-13 09:59:28 -0800
    • Engine revision 2c956a31c0
    • Dart version 2.10.4

 
[√] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
    • Android SDK at D:\Android_SDK
    • Platform android-30, build-tools 30.0.2
    • ANDROID_SDK_ROOT = D:\Android_SDK
    • Java binary at: D:\Android\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)
    • All Android licenses accepted.

[!] Android Studio (version 4.1.0)
    • Android Studio at D:\Android
    X Flutter plugin not installed; this adds Flutter specific functionality. **Note: Plugin is installed**
    X Dart plugin not installed; this adds Dart specific functionality. **Note: Plugin is installed**
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)

[√] VS Code (version 1.52.0)
    • VS Code at C:\Users\Justin Moore\AppData\Local\Programs\Microsoft VS Code
    • Flutter extension version 3.17.0

[!] Connected device
    ! No devices available

! Doctor found issues in 2 categories.

[TahaTesser]

Hi @JMooreo
It only reproduces Android 11 emulator, no issue on a physical device running Android 11 (Oneplus 8) or Android 10 emulator

code sample

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Material App',
      theme: ThemeData.dark(),
      home: PageViewScreen(),
    );
  }
}

class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Material App Bar'),
      ),
      body: Center(
        child: Container(
          child: Text('Hello World'),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        child: Icon(Icons.add),
        onPressed: () {},
      ),
    );
  }
}

class PageViewScreen extends StatefulWidget {
  @override
  _PageViewScreenState createState() => _PageViewScreenState();
}

class _PageViewScreenState extends State<PageViewScreen> {
  final PageController _controller = PageController();
  final List<Widget> screens = [
    Screen1(),
    Screen2(),
    Screen3(),
  ];

  void nextPage() {
    _controller.nextPage(
      duration: const Duration(
        milliseconds: 200,
      ),
      curve: Curves.fastLinearToSlowEaseIn,
    );
  }

  void prevPage() {
    _controller.previousPage(
      duration: const Duration(
        milliseconds: 200,
      ),
      curve: Curves.fastLinearToSlowEaseIn,
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: PageView.builder(
        physics: NeverScrollableScrollPhysics(),
        controller: _controller,
        itemCount: screens.length,
        itemBuilder: (ctx, index) => GestureDetector(
          onHorizontalDragEnd: (details) {
            // print(details.toString());
            if (details.primaryVelocity.isNegative) {
              nextPage();
            } else {
              prevPage();
            }
          },
          child: screens[index],
        ),
      ),
    );
  }
}

class Screen1 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.blue,
      child: Center(
        child: Text('Screen1'),
      ),
    );
  }
}

class Screen2 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.red,
      child: Center(
        child: Text('Screen1'),
      ),
    );
  }
}

class Screen3 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.yellow,
      child: Center(
        child: Text('Screen1'),
      ),
    );
  }
}

logs

Launching lib\main.dart on sdk gphone x86 in debug mode...
 lib\main.dart
√ Built build\app\outputs\flutter-apk\app-debug.apk.
Connecting to VM Service at ws://127.0.0.1:56299/pDiTUKmQAf8=/ws

�[38;5;248m════════ Exception caught by rendering library ═════════════════════════════════�[39;49m
�[38;5;244mThe following assertion was thrown during performLayout():�[39;49m
'package:flutter/src/rendering/sliver_fixed_extent_list.dart': Failed assertion: line 270 pos 12: 'firstIndex == 0 || childScrollOffset(firstChild!)! - scrollOffset <= precisionErrorTolerance': is not true.

�[38;5;248mEither the assertion indicates an error in the framework itself, or we should provide substantially more information in this error message to help you determine and fix the underlying cause.
In either case, please report this assertion by filing a bug on GitHub:
  https://github.com/flutter/flutter/issues/new?template=2_bug.md
�[39;49m

�[38;5;244mThe relevant error-causing widget was�[39;49m
�[38;5;248mPageView�[39;49m
 lib\main.dart
�[38;5;244mWhen the exception was thrown, this was the stack�[39;49m
�[38;5;244m#2      RenderSliverFixedExtentBoxAdaptor.performLayout�[39;49m
 package:flutter/…/rendering/sliver_fixed_extent_list.dart
�[38;5;244m#3      RenderObject.layout�[39;49m
 package:flutter/…/rendering/object.dart
�[38;5;244m#4      RenderSliverEdgeInsetsPadding.performLayout�[39;49m
 package:flutter/…/rendering/sliver_padding.dart
�[38;5;244m#5      _RenderSliverFractionalPadding.performLayout�[39;49m
 package:flutter/…/widgets/sliver_fill.dart
�[38;5;244m#6      RenderObject.layout�[39;49m
 package:flutter/…/rendering/object.dart
�[38;5;244m...�[39;49m
�[38;5;244mThe following RenderObject was being processed when the exception was fired: RenderSliverFillViewport#2b5e9 relayoutBoundary=up2 NEEDS-LAYOUT NEEDS-COMPOSITING-BITS-UPDATE�[39;49m
�[38;5;244mRenderObject: RenderSliverFillViewport#2b5e9 relayoutBoundary=up2 NEEDS-LAYOUT NEEDS-COMPOSITING-BITS-UPDATE�[39;49m
    �[38;5;244mneeds compositing�[39;49m
    �[38;5;244mparentData: paintOffset=Offset(0.0, 0.0) (can use size)�[39;49m
    �[38;5;244mconstraints: SliverConstraints(AxisDirection.right, GrowthDirection.forward, ScrollDirection.idle, scrollOffset: 785.5, remainingPaintExtent: 392.7, crossAxisExtent: 781.1, crossAxisDirection: AxisDirection.down, viewportMainAxisExtent: 392.7, remainingCacheExtent: 392.7, cacheOrigin: 0.0)�[39;49m
    �[38;5;244mgeometry: SliverGeometry(scrollExtent: 1178.2, paintExtent: 392.7, maxPaintExtent: 1178.2, hasVisualOverflow: true, cacheExtent: 392.7)�[39;49m
        �[38;5;244mscrollExtent: 1178.2�[39;49m
        �[38;5;244mpaintExtent: 392.7�[39;49m
        �[38;5;244mmaxPaintExtent: 1178.2�[39;49m
        �[38;5;244mhasVisualOverflow: true�[39;49m
        �[38;5;244mcacheExtent: 392.7�[39;49m
    �[38;5;244mcurrently live children: 2 to 2�[39;49m
    �[38;5;244mchild with index 2: RenderIndexedSemantics#8f9be�[39;49m
        �[38;5;244mneeds compositing�[39;49m
        �[38;5;244mparentData: index=2; layoutOffset=785.5�[39;49m
        �[38;5;244mconstraints: BoxConstraints(w=392.7, h=781.1)�[39;49m
        �[38;5;244msemantic boundary�[39;49m
        �[38;5;244msize: Size(392.7, 781.1)�[39;49m
        �[38;5;244mindex: 2�[39;49m
        �[38;5;244mchild: RenderRepaintBoundary#2e58b�[39;49m
            �[38;5;244mneeds compositing�[39;49m
            �[38;5;244mparentData: <none> (can use size)�[39;49m
            �[38;5;244mconstraints: BoxConstraints(w=392.7, h=781.1)�[39;49m
            �[38;5;244mlayer: OffsetLayer#b1eba�[39;49m
                �[38;5;244mengine layer: OffsetEngineLayer#5bd3b�[39;49m
                �[38;5;244moffset: Offset(0.0, 0.0)�[39;49m
            �[38;5;244msize: Size(392.7, 781.1)�[39;49m
            �[38;5;244mmetrics: 90.9% useful (1 bad vs 10 good)�[39;49m
            �[38;5;244mdiagnosis: this is an outstandingly useful repaint boundary and should definitely be kept�[39;49m
            �[38;5;244mchild: RenderSemanticsGestureHandler#034a6�[39;49m
                �[38;5;244mparentData: <none> (can use size)�[39;49m
                �[38;5;244mconstraints: BoxConstraints(w=392.7, h=781.1)�[39;49m
                �[38;5;244msize: Size(392.7, 781.1)�[39;49m
                �[38;5;244mgestures: horizontal scroll�[39;49m
                �[38;5;244mchild: RenderPointerListener#73990�[39;49m
                    �[38;5;244mparentData: <none> (can use size)�[39;49m
                    �[38;5;244mconstraints: BoxConstraints(w=392.7, h=781.1)�[39;49m
                    �[38;5;244msize: Size(392.7, 781.1)�[39;49m
                    �[38;5;244mbehavior: deferToChild�[39;49m
                    �[38;5;244mlisteners: down�[39;49m
�[38;5;248m════════════════════════════════════════════════════════════════════════════════�[39;49m

multiple flutter doctor -v

[✓] Flutter (Channel stable, 1.22.5, on Microsoft Windows [Version 10.0.19042.685], locale en-US)
    • Flutter version 1.22.5 at C:\Code\flutter_stable
    • Framework revision 7891006299 (6 days ago), 2020-12-10 11:54:40 -0800
    • Engine revision ae90085a84
    • Dart version 2.10.4


[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    • Android SDK at C:\Code\sdk
    • Platform android-30, build-tools 30.0.3
    • ANDROID_HOME = C:\Code\sdk
    • Java binary at: C:\Code\android-studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)
    • All Android licenses accepted.

[!] Android Studio (version 4.1.0)
    • Android Studio at C:\Code\android-studio
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)

[✓] VS Code (version 1.52.0)
    • VS Code at C:\Users\Taha\AppData\Local\Programs\Microsoft VS Code
    • Flutter extension version 3.17.0

[✓] Connected device (2 available)
    • IN2011 (mobile)         • c9d8ee0c      • android-arm64 • Android 11 (API 30)
    • sdk gphone x86 (mobile) • emulator-5554 • android-x86   • Android 11 (API 30) (emulator)

! Doctor found issues in 1 category.

[✓] Flutter (Channel beta, 1.24.0-10.2.pre, on Microsoft Windows [Version 10.0.19042.685], locale en-US)
    • Flutter version 1.24.0-10.2.pre at C:\Code\flutter_beta
    • Framework revision 022b333a08 (4 weeks ago), 2020-11-18 11:35:09 -0800
    • Engine revision 07c1eed46b
    • Dart version 2.12.0 (build 2.12.0-29.10.beta)

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    • Android SDK at C:\Code\sdk
    • Platform android-30, build-tools 30.0.3
    • ANDROID_HOME = C:\Code\sdk
    • Java binary at: C:\Code\android-studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)
    • All Android licenses accepted.

[✓] Chrome - develop for the web
    • Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe

[✓] Android Studio (version 4.1.0)
    • Android Studio at C:\Code\android-studio
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)

[✓] VS Code (version 1.52.0)
    • VS Code at C:\Users\Taha\AppData\Local\Programs\Microsoft VS Code
    • Flutter extension version 3.17.0

[✓] Connected device (5 available)
    • IN2011 (mobile)         • c9d8ee0c      • android-arm64  • Android 11 (API 30)
    • sdk gphone x86 (mobile) • emulator-5554 • android-x86    • Android 11 (API 30) (emulator)
    • Web Server (web)        • web-server    • web-javascript • Flutter Tools
    • Chrome (web)            • chrome        • web-javascript • Google Chrome 87.0.4280.88
    • Edge (web)              • edge          • web-javascript • Microsoft Edge 85.0.564.67

• No issues found!

[✓] Flutter (Channel master, 1.25.0-9.0.pre.87, on Microsoft Windows [Version 10.0.19042.685], locale en-US)
    • Flutter version 1.25.0-9.0.pre.87 at C:\Code\flutter_master
    • Framework revision 1abe1d4c61 (2 hours ago), 2020-12-16 02:28:03 -0500
    • Engine revision 0445f7985e
    • Dart version 2.12.0 (build 2.12.0-155.0.dev)

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    • Android SDK at C:\Code\sdk
    • Platform android-30, build-tools 30.0.3
    • ANDROID_HOME = C:\Code\sdk
    • Java binary at: C:\Code\android-studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)
    • All Android licenses accepted.

[✓] Chrome - develop for the web
    • Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe

[✓] Visual Studio - develop for Windows (Visual Studio Community 2019 16.8.3)
    • Visual Studio at C:\Program Files (x86)\Microsoft Visual Studio\2019\Community
    • Visual Studio Community 2019 version 16.8.30804.86
    • Windows 10 SDK version 10.0.18362.0

[✓] Android Studio (version 4.1.0)
    • Android Studio at C:\Code\android-studio
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)

[✓] VS Code (version 1.52.0)
    • VS Code at C:\Users\Taha\AppData\Local\Programs\Microsoft VS Code
    • Flutter extension version 3.17.0

[✓] Connected device (5 available)
    • IN2011 (mobile)         • c9d8ee0c      • android-arm64  • Android 11 (API 30)
    • sdk gphone x86 (mobile) • emulator-5554 • android-x86    • Android 11 (API 30) (emulator)
    • Windows (desktop)       • windows       • windows-x64    • Microsoft Windows [Version 10.0.19042.685]
    • Chrome (web)            • chrome        • web-javascript • Google Chrome 87.0.4280.88
    • Edge (web)              • edge          • web-javascript • Microsoft Edge 85.0.564.67

• No issues found!