title: Flutter: I want to show dropdown list under dropdown flutter
body: <p>I want to create dropdown which look like I mention but I am not able to achieve my aspected results</p>
  <p>I try to use render box for make custom dropdown but it want feel like actual dropdown</p>
  <p>Can anyone help me to get this type of result</p>
  <p>I want Result like this:-</p>
  <p><a href="https://i.stack.imgur.com/9C28l.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9C28l.png" alt="enter image description here" /></a></p>
  <p>My curent ui look like this:-</p>
  <p><a href="https://i.stack.imgur.com/iR1je.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iR1je.png" alt="enter image description here" /></a></p>
  <p>Here is my code:-</p>
  <pre><code>
  class AppDropDown extends StatefulWidget {
    AppDropDown({
      Key? key,
      required this.dropDownList,
      required this.selected,
      this.text = &quot;&quot;,
    }) : super(key: key);
    final List&lt;String&gt; dropDownList;
    String selected;
    final String text;
  
    @override
    State&lt;PerytonDropDown&gt; createState() =&gt; _PerytonDropDownState();
  }
  
  class _PerytonDropDownState extends State&lt;PerytonDropDown&gt; {
    @override
    Widget build(BuildContext context) {
      return Card(
        color: Colors.white,
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(15.sp),
        ),
        child: Material(
          borderRadius: BorderRadius.circular(15.sp),
          clipBehavior: Clip.antiAlias,
          color: Colors.transparent,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              if (widget.text.isNotEmpty) (8.0).addHSpace(),
              if (widget.text.isNotEmpty) &quot;${widget.text}&quot;.grayText(),
              SizedBox(
                height: 40,
                child: DropdownButton&lt;String&gt;(
                  isExpanded: true,
                  value: widget.selected,
                  underline: SizedBox(),
                  onChanged: (String? value) {
                    print(value);
                    setState(() {
                      widget.selected = value!;
                    });
                  },
                  alignment: Alignment.bottomRight,
                  borderRadius: BorderRadius.circular(15),
                  items: widget.dropDownList
                      .map((item) =&gt; DropdownMenuItem(
                            child: Text(
                              item,
                            ),
                            value: item,
                          ))
                      .toList(),
                ),
              )
            ],
          ).pSymmetricOnly(horizontal: 10),
        ),
      );
    }
  }
  
  </code></pre>