There is no option to change the background of the icon when there is hasIcon: true

Here's my snippet:

          theme: const ExpandableThemeData(
            tapBodyToCollapse: true,
            iconColor: Colors.black,
            tapHeaderToExpand: true,
            hasIcon: true,
            headerAlignment: ExpandablePanelHeaderAlignment.center,
          ),
          header: Container(
            decoration: BoxDecoration(
              borderRadius: BorderRadius.only(
                  topLeft: const Radius.circular(8.0),
                  topRight: const Radius.circular(8.0),
                  bottomLeft: Radius.circular(animatedContainerBorders),
                  bottomRight: Radius.circular(animatedContainerBorders)),
              color: isActivated ? mainPink : Colors.white,
            ),
            padding: const EdgeInsets.symmetric(vertical: 25.0),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Flexible(
                  flex: 5,
                  child: Center(child: Text(widget.text.toUpperCase())),
                ),
              ],
            ),
          ),
          expanded: Container(
            padding: const EdgeInsets.symmetric(vertical: 10.0),
            child: Text("Blabla"),
          )
       ),```

When placing an expandable within another, we're seeing the sub-expandable header and content blink into existence at the moment the parent slide/fade-in animation is supposed to end. The child expandable animates properly after the parent is already expanded, but when tapping and expanding the parent expandable, the child's header and content aren't shown for the duration of the slide/fade-in animation, then they simply pop into existence.

Tap on body of ExpandablePanel does not expand the widget when it is collapsed. Tap on body of ExpandablePanel collapse the widget when it is expanded. In version 3.0.1 tap on body behavour was the same as tap on icon behavour. Is it possible to fix this?

Hi, I have the following app in which the default example is wrapped in an expandable-panel. Initially the panel is collapsed but i can expand it by clicking the header. Now everytime i press the increment button, the panel gets collapsed again. How can i prevent that?

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.
    );
  }
}

Hello, I have a problem with the tapBodyToCollapse property. I can't expand by clicking on the body if I click on any container. To minimize it works normal.

In the ExpandableButton class, could you please replace InkWell with GestureDetector, because I don't want the ripple effect, or at least give me the option to disable the ripple effect. Thank you in advance.

Tried to nest multiple ExpandablePanels inside each other today, and discovered a bit of a hiccup: if you expand the root panel, all of its children are expanded as well. Likewise, if you collapse any of the child panels, the whole tree collapses.

Is this something I could circumvent with a custom Expandable Widget?

When I try to call method toggle on the controller in this way (the controller is null):

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

and in this (the controller isn't null) but the toggle function is not executed:

expandablePanel.controller.toggle();

I instantiate the panel in this way:

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

A small cosmetic issue, but it seems that there is no way to round the corners of the splash effect on the header of the expandable panel. Placing a ClipRRect above the expandable panel widget will only clip the content, but the splash effect is not clipped. Setting useInkWell = false in ExpandableThemeData seems to have no effect, with the splash effect still showing.

Hi, I'm trying to run an example (after git cloning ). Getting following error:

Launching lib/main.dart on Android SDK built for x86 64 in debug mode... AndroidManifest.xml could not be found. Please check /home/dominik/Flutter_projects/flutter-expandable/example/android/AndroidManifest.xml for errors. No application found for TargetPlatform.android_x64. Is your project missing an android/AndroidManifest.xml? Consider running "flutter create ." to create one.

How can I run it?

I wish to change the position of the arrow icon. Currently it comes in the next line of the specified text. Is there any way i can align it in the same line as of text, to the right of it ? I'll give an example!

Hello,

I'd like to know how to tell my app when a panel was expanded/collapsed (eg change a variable) so that I can keep track of which were closed/open to reopen them when my app launches next time.

Thank you for this great package by the way.

I have one Textfield with InputDecoration with a listview of expandable panel. After I click to input data in, it displays keyboard and items of expandable panel. i put gesture detector over the scaffold to detect when onTap but it doesnt detect when I click on expand/collapse icon or header.

I want to dismiss keyboard when I click on expand/collapse icon or header.

The first, simplest example on https://pub.dev/packages/expandable does not seem to be current. E.g. hasIcon is not an argument of ExpandablePanel anymore.

And the examples in github do not use the simplest method (ExpandablePanel)