Flutter: DropdownButton's incorrect popup position - flutter

Question

My dropdown button's popup position is incorrect. I don't get what's causing this issue, popup moves in the right side of the button, its somewhat related to the Row widget and builder. I am on the master branch. Check the sample code here
DartPad Sample
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
#override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
debugShowCheckedModeBanner: false,
theme: ThemeData(
primarySwatch: Colors.blue,
),
builder: (context, child) => Scaffold(
body: Row(
children: [
Container(
width: 200,
color: Colors.blue,
child: Column(children: [
Text("Side Menu"),
])
),
Expanded(child: child),
],
),
),
initialRoute: "/",
onGenerateRoute: (_) => MaterialPageRoute(
builder: (BuildContext context) => Center(
child: DropdownButton(
hint: Text("test"),
value: 0,
items: [
DropdownMenuItem(child: Text("test 1"), value: 0),
DropdownMenuItem(child: Text("test 2"), value: 1),
DropdownMenuItem(child: Text("test 3"), value: 2),
],
onChanged: (value) {},
),
),
),
);
}
}

Answer 1

Try implementing this code, it will definitely work Good luck :)
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
/// This Widget is the main application widget.
class MyApp extends StatelessWidget {
static const String _title = 'Flutter Code Sample';
#override
Widget build(BuildContext context) {
return MaterialApp(
title: _title,
home: Scaffold(
appBar: AppBar(title: const Text(_title)),
body: Center(
child: MyStatefulWidget(),
),
),
);
}
}
class MyStatefulWidget extends StatefulWidget {
MyStatefulWidget({Key key}) : super(key: key);
#override
_MyStatefulWidgetState createState() => _MyStatefulWidgetState();
}
class _MyStatefulWidgetState extends State<MyStatefulWidget> {
String dropdownValue = 'One';
#override
Widget build(BuildContext context) {
return DropdownButton<String>(
value: dropdownValue,
icon: Icon(Icons.arrow_downward),
iconSize: 24,
elevation: 16,
style: TextStyle(color: Colors.deepPurple),
underline: Container(
height: 2,
color: Colors.deepPurpleAccent,
),
onChanged: (String newValue) {
setState(() {
dropdownValue = newValue;
});
},
items: <String>['One', 'Two', 'three', 'Four']
.map<DropdownMenuItem<String>>((String value) {
return DropdownMenuItem<String>(
value: value,
child: Text(value),
);
}).toList(),
);
}
}