颤动中的下拉按钮

Question

i want make drop down like this, i already add sizedbox(width : 20), but nothing happen This my Dropdown now , Sry this is my first time using flutter, This is my code

Container(

        margin: EdgeInsets.symmetric(horizontal: 20),
        height: 60,
        width: double.infinity,
        decoration: BoxDecoration(
          color: Colors.white,
          borderRadius: BorderRadius.circular(25),
          border: Border.all(color: Colors.black38),
        ),
        child: Stack(
          children: <Widget>[
                Icon(
                Icons.pin_drop,
                color: Colors.orange,
                size: 36,
            ),
            SizedBox(width: 20,),
            Expanded(
              child: DropdownButton(
                isExpanded: true,
                underline: SizedBox(),
                icon: Icon(
                  Icons.arrow_drop_down,
                ),
                value: "Jl. P. Diponegoro",
                items: ['Jl. P. Diponegoro', 'Jl. Juanda', 'Jl. Perjuangan']
                    .map<DropdownMenuItem<String>>((String value) {
                  return DropdownMenuItem<String>(
                    value: value,
                    child: Text(value),
                  );
                }).toList(),
                onChanged: (value) {},
              ),
            ),
          ],
        ),
      ),

Answer 1

I think this is what you want -

 Container(
              margin: EdgeInsets.symmetric(horizontal: 20),
              padding: EdgeInsets.only(left: 10.0,right: 10.0),
              height: 60,
              width: double.infinity,
              decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.circular(25),
                border: Border.all(color: Colors.black38),
              ),
              child: Row(
                children: [
                  Icon(
                    Icons.pin_drop,
                    color: Colors.orange,
                    size: 36,
                  ),
                  SizedBox(width: 20,),
                  Expanded(
                    child: DropdownButton(
                      isExpanded: true,
                      underline: SizedBox(),
                      icon: Icon(
                        Icons.arrow_drop_down,
                      ),
                      value: "Jl. P. Diponegoro",
                      items: ['Jl. P. Diponegoro', 'Jl. Juanda', 'Jl. Perjuangan']
                          .map<DropdownMenuItem<String>>((String value) {
                        return DropdownMenuItem<String>(
                          value: value,
                          child: Text(value),
                        );
                      }).toList(),
                      onChanged: (value) {},
                    ),
                  ),
                ],
              ),
            ),

It will look something like this -