aryzhov / flutter-expandable Goto Github PK

════════ Exception caught by rendering library ═════════════════════════════════════════════════════
The following assertion was thrown during performLayout():
Build scheduled during frame.

While the widget tree was being built, laid out, and painted, a new frame was scheduled to rebuild the widget tree.

This might be because setState() was called from a layout or paint callback. If a change is needed to the widget tree, it should be applied as the tree is being built. Scheduling a change for the subsequent frame instead results in an interface that lags behind by one frame. If this was done to make your build dependent on a size measured at layout time, consider using a LayoutBuilder, CustomSingleChildLayout, or CustomMultiChildLayout. If, on the other hand, the one frame delay is the desired effect, for example because this is an animation, consider scheduling the frame in a post-frame callback using SchedulerBinding.addPostFrameCallback or using an AnimationController to trigger the animation.

The relevant error-causing widget was: 
  ListView file:///E:/_programming/go/src/github.com/instance-id/searcher_installer_go/lib/routes/news.dart:145:49
When the exception was thrown, this was the stack: 
#0      WidgetsBinding._handleBuildScheduled.<anonymous closure> (package:flutter/src/widgets/binding.dart:734:9)
#1      WidgetsBinding._handleBuildScheduled (package:flutter/src/widgets/binding.dart:757:6)
#2      BuildOwner.scheduleBuildFor (package:flutter/src/widgets/framework.dart:2511:23)
#3      Element.markNeedsBuild (package:flutter/src/widgets/framework.dart:4190:11)
#4      State.setState (package:flutter/src/widgets/framework.dart:1253:14)
...
The following RenderObject was being processed when the exception was fired: RenderViewport#3cf44 NEEDS-LAYOUT NEEDS-PAINT
...  needs compositing
...  parentData: <none> (can use size)
...  constraints: BoxConstraints(0.0<=w<=750.6, 0.0<=h<=277.0)
...  layer: OffsetLayer#b4b41
...    engine layer: OffsetEngineLayer#3f7b8
...    offset: Offset(0.0, 0.0)
...  size: Size(750.6, 277.0)
...  axisDirection: down
...  crossAxisDirection: right
...  offset: ScrollPositionWithSingleContext#f0bf4(offset: 186.0, range: 0.0..145.7, viewport: 277.0, ScrollableState, ClampingScrollPhysics, BallisticScrollActivity#acc00(AnimationController#0ab75(▶ 186.000; for BallisticScrollActivity)), ScrollDirection.idle)
...  anchor: 0.0
RenderObject: RenderViewport#3cf44 NEEDS-LAYOUT NEEDS-PAINT
  needs compositing
  parentData: <none> (can use size)
  constraints: BoxConstraints(0.0<=w<=750.6, 0.0<=h<=277.0)
  layer: OffsetLayer#b4b41
    engine layer: OffsetEngineLayer#3f7b8
    offset: Offset(0.0, 0.0)
  size: Size(750.6, 277.0)
  axisDirection: down
  crossAxisDirection: right
  offset: ScrollPositionWithSingleContext#f0bf4(offset: 186.0, range: 0.0..145.7, viewport: 277.0, ScrollableState, ClampingScrollPhysics, BallisticScrollActivity#acc00(AnimationController#0ab75(▶ 186.000; for BallisticScrollActivity)), ScrollDirection.idle)
  anchor: 0.0

 theme: ExpandableThemeData(
            tapBodyToExpand: true,
            tapHeaderToExpand: true,
            tapBodyToCollapse: true),

import 'package:flutter/material.dart';
import 'package:expandable/expandable.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: ExpandablePanel(
            initialExpanded: false,
            header: Text("Header"),
            expanded: Text('You have pushed the button this many times: $_counter')
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }
}

Launching lib/main.dart on iPhone 11 Pro Max in debug mode...

Compiler message:
../../.pub-cache/hosted/pub.dartlang.org/expandable-4.0.0/lib/expandable.dart:147:19: Error: The method 'dependOnInheritedWidgetOfExactType' isn't defined for the class 'BuildContext'.
 - 'BuildContext' is from 'package:flutter/src/widgets/framework.dart' ('/usr/local/Cellar/flutter/stable/packages/flutter/lib/src/widgets/framework.dart').
Try correcting the name to the name of an existing method, or defining a method named 'dependOnInheritedWidgetOfExactType'.
        ? context.dependOnInheritedWidgetOfExactType<_ExpandableThemeNotifier>()
                  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
../../.pub-cache/hosted/pub.dartlang.org/expandable-4.0.0/lib/expandable.dart:148:19: Error: The method 'findAncestorWidgetOfExactType' isn't defined for the class 'BuildContext'.
 - 'BuildContext' is from 'package:flutter/src/widgets/framework.dart' ('/usr/local/Cellar/flutter/stable/packages/flutter/lib/src/widgets/framework.dart').
Try correcting the name to the name of an existing method, or defining a method named 'findAncestorWidgetOfExactType'.
        : context.findAncestorWidgetOfExactType<_ExpandableThemeNotifier>();
                  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
../../.pub-cache/hosted/pub.dartlang.org/expandable-4.0.0/lib/expandable.dart:169:42: Error: The method 'dependOnInheritedWidgetOfExactType' isn't defined for the class 'BuildContext'.
 - 'BuildContext' is from 'package:flutter/src/widgets/framework.dart' ('/usr/local/Cellar/flutter/stable/packages/flutter/lib/src/widgets/framework.dart').
Try correcting the name to the name of an existing method, or defining a method named 'dependOnInheritedWidgetOfExactType'.
    _ExpandableThemeNotifier n = context.dependOnInheritedWidgetOfExactType<_ExpandableThemeNotifier>();
                                         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
../../.pub-cache/hosted/pub.dartlang.org/expandable-4.0.0/lib/expandable.dart:284:19: Error: The method 'dependOnInheritedWidgetOfExactType' isn't defined for the class 'BuildContext'.
 - 'BuildContext' is from 'package:flutter/src/widgets/framework.dart' ('/usr/local/Cellar/flutter/stable/packages/flutter/lib/src/widgets/framework.dart').
Try correcting the name to the name of an existing method, or defining a method named 'dependOnInheritedWidgetOfExactType'.
        ? context.dependOnInheritedWidgetOfExactType<_ExpandableControllerNotifier>()
                  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
../../.pub-cache/hosted/pub.dartlang.org/expandable-4.0.0/lib/expandable.dart:285:19: Error: The method 'findAncestorWidgetOfExactType' isn't defined for the class 'BuildContext'.
 - 'BuildContext' is from 'package:flutter/src/widgets/framework.dart' ('/usr/local/Cellar/flutter/stable/packages/flutter/lib/src/widgets/framework.dart').
Try correcting the name to the name of an existing method, or defining a method named 'findAncestorWidgetOfExactType'.
        : context.findAncestorWidgetOfExactType<_ExpandableControllerNotifier>();
                  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Compiler failed on /flutter_project/lib/main.dart
Error launching application on iPhone 11 Pro Max.

var controller = ExpandableController.of(context);
controller.toggle();

ExpandablePanel expandablePanel = ExpandablePanel(
  controller: ExpandableController(),
  expanded: ProductDetailContent(
    product: product,
  )
);

class _HomePageState extends State<HomePage> {
    ExpandableController _expandableController = ExpandableController(
        initialExpanded: false,
        animationDuration: Duration(milliseconds: 600),
    );

    @override
    Widget build(BuildContext context) {
        ExpandableNotifier(
            controller: _expandableController,
            child: Column(
                children: <Widget>[
                    ExpandableButton(
                        Text("test"),
                    ),
                    ExpandIcon(
                        isExpanded: _expandableController.expanded,
                        onPressed: (exp) {
                          _expandableController.toggle();
                          this.setState(() {});
                        },
                    ),
                ],
            )
        )
    }
}

class DashBoardPage extends StatefulWidget {
  @override
  _DashBoardPageState createState() => _DashBoardPageState();
}

class _DashBoardPageState extends State<DashBoardPage> {

  int _page = 0;

  final List<Widget> _list = [
    HomePage(),
    DummyTest(),
    DummyTest(),
    Profile(),
    DummyTest(),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      bottomNavigationBar: BottomNavigationBar(
        type: BottomNavigationBarType.fixed,
        items: <BottomNavigationBarItem>[
          BottomNavigationBarItem(
            title: Text("Home"),
            icon: Icon(Icons.home),
          ),
          BottomNavigationBarItem(
            title: Text("Search"),
            icon: Icon(Icons.search),
          ),
          BottomNavigationBarItem(
            title: Text("Post"),
            icon: Icon(Icons.add),
          ),
          BottomNavigationBarItem(
            title: Text("Profile"),
            icon: Icon(Icons.account_circle),
          ),
          BottomNavigationBarItem( //<== When I clicked this menu, showing bottomSheet beneath bottomNavigationBar using Expandable
            title: Text("More"),
            icon: Icon(Icons.more_horiz),
          ),
        ],
        onTap: _onTapped,
        currentIndex: _page,
      ),
      body: _list[_page],
    );
  }

  void _onTapped(int index) {
    setState(() {
      _page = index;
    });
  }

}

void initState() {
    super.initState();
    //if (widget.controller == null) {
    controller = widget.controller ??
        ExpandableController(initialExpanded: widget.initialExpanded ?? false);
    //}
  }

import 'package:animated/animated.dart';
import 'package:expandable/expandable.dart';
import 'package:flutter/material.dart';
import 'package:skiller/models/test.dart';
import 'package:skiller/ui/themes/app_theme.dart';

ExpandableController controller = ExpandableController();

class ExpandableTestItem extends StatelessWidget {
  final Test test;

  ExpandableTestItem({Key key, this.test}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.only(bottom: 8.0),
      child: ExpandableNotifier(
        key: key,
        controller: controller,
        child: ExpandablePanel(
          tapHeaderToExpand: true,
          hasIcon: false,
          header: CollapsedPart(
            test: test,
          ),
          expanded: ExpandedPart(key: key),
        ),
      ),
    );

//      CollapsedPart(test: test);
  }
}

class CollapsedPart extends StatefulWidget {
  final Test test;

  const CollapsedPart({Key key, this.test}) : super(key: key);

  @override
  _CollapsedPartState createState() => _CollapsedPartState();
}

class _CollapsedPartState extends State<CollapsedPart> {
  bool isExpanded = false;

  @override
  Widget build(BuildContext context) {
    return InkWell(
      onTap: () {
        setState(() {
          controller.value = !controller.value;
          isExpanded = !isExpanded;
        });
      },
      child: Container(
        height: 60,
        child: Row(
          children: <Widget>[
            Container(
              margin: EdgeInsets.only(left: 15, right: 20),
              width: 40,
              height: 40,
              decoration: BoxDecoration(
                  shape: BoxShape.circle,
                  color: (widget.test.isDone)
                      ? Color(0xff21a121)
                      : Color(0xffd12121)),
              child: (widget.test.isDone)
                  ? Icon(
                      Icons.done,
                      color: Color.fromRGBO(0, 0, 0, 40),
                    )
                  : Transform.rotate(
                      child: Icon(
                        Icons.add_circle,
                        color: Color.fromRGBO(0, 0, 0, 40),
                      ),
                      angle: 3.14 / 4,
                    ),
            ),
            Text(
              widget.test.title,
              style: TextStyles().testTitle,
            ),
            Container(width: 10),
            Text('(${widget.test.progress.toString()}%)',
                style: TextStyles().expandableTestProgress),
            Container(width: 0),
            Spacer(),
            Padding(
                padding: EdgeInsets.only(right: 15),
                child: Animated(
                    duration: Duration(milliseconds: 250),
                    curve: Curves.fastOutSlowIn,
                    value: (isExpanded) ? -1 : 0,
                    builder: (context, child, animation) {
                      return Transform.rotate(
                        angle: animation.value * 3.14,
                        child: child,
                      );
                    },
                    child: Icon(Icons.arrow_drop_down))),
          ],
        ),
      ),
    );
  }
}

class ExpandedPart extends StatelessWidget {
  ExpandedPart({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.grey[200],
      height: 200,
    );
  }
}

  Widget _buildExpandableAwareWidget({@required Widget child}) {
    // Scroll to show expanded item.
    var scrollOnExpand = ScrollOnExpand(
      child: child,
      scrollOnExpand: true,
      scrollOnCollapse: false,
    );
    return ExpandableNotifier(
      controller: _expandableController,
      child: scrollOnExpand,
    );
  }

Row(
                mainAxisAlignment: MainAxisAlignment.start,
                children: <Widget>[
                  Builder(
                    builder: (context) {
                      var controller = ExpandableController.of(context);
                      return FlatButton(
                        child: Text(
                          controller.expanded ? "COLLAPSE" : "EXPAND",
                          style: Theme.of(context)
                              .textTheme
                              .button
                              .copyWith(color: Colors.deepPurple),
                        ),
                        onPressed: () {
                          onExpand(controller);
                        },
                      );
                    },
                  ),


onExand(ExpandableController controller) async{
   await makeAPICall();
    controller.toggle();
}