flutter dropdownbutton that loads info from the dropdown to a data grid - flutter

Question

as i have on my profile before, multiple posts of question about data grid. i need to get the grid by a dropdown button/menu that has all the driver's names and looks up all the data by that name/ driver number.
below is the snip of the body for that dropdown class.
body: TabBarView(
children: [
Center(
child: SingleChildScrollView(
child: isLoading
? Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
new CircularProgressIndicator(),
new Text(" please wait for data to load... ")
],
)
: new Column(
//crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
SizedBox(height: 0),
Center(
child: Text(
" drivers name "
, style: TextStyle(fontSize: 25,),
),
),
Container(
height: 75,
width: 400,
decoration: BoxDecoration(
color: Colors.blue.withOpacity(0.70), // border color
borderRadius: BorderRadius.all(Radius.circular(20))
),
child: Center(
child: DropdownButtonHideUnderline(
child: DropdownButton(
hint: Text("press here",
style: TextStyle(
fontSize: 20.0,
fontWeight: FontWeight.bold
),),
alignment: AlignmentDirectional.topCenter,
menuMaxHeight: 300,
dropdownColor: Colors.grey.shade300,
borderRadius: BorderRadius.all(Radius.circular(15.0)),
items: DriversName.map((item) {
return DropdownMenuItem(
child: Center(
child: Text(
item['DriverName'].toString().trim(), //Names that the api dropdown contains
style: const TextStyle(
fontSize: 20.0,
fontWeight: FontWeight.bold
),
textAlign : TextAlign.end,
),
),
value: item['DriverNo'].toString().trim() //Id that has to be passed that the dropdown has.....
//e.g India (Name) and its ID (55fgf5f6frf56f) somethimg like that....
);
}).toList(),
onChanged: (String? newVal) {
setState(() {
driverName = newVal.toString();
driverName1 = driverName?.trim();
print(driverName1.toString());
});
},
value: driverName, //pasing the default id that has to be viewed... //i havnt used something ... //you can place some (id)
),
),
),
),
SizedBox(height: 5,),
// Operations Types Api List New
Container(
height: 75,
width: 250,
margin: EdgeInsets.all(15),
child: TextField(
style: TextStyle(fontSize: 25),
keyboardType: TextInputType.number,
controller: driverNoController,
textAlign: TextAlign.center,
decoration: InputDecoration(
alignLabelWithHint: true,
//labelText: 'Qty',
hintText: 'enter drivers name',
hintStyle: TextStyle(),
border: OutlineInputBorder(
borderSide: BorderSide(color: Colors.red, width: 20),
borderRadius: BorderRadius.all(Radius.circular(15.0)),
//borderRadius: BorderRadius.circular(15),
),
),
obscureText: false,
//controller: myController,
),
),
Container(
height: 50,
width: 150,
child: ElevatedButton(
//style: ElevatedButton.styleFrom(side: BorderSide(width: 1,style: BorderStyle.solid),
style: ButtonStyle(
backgroundColor:
MaterialStateProperty.all(Colors.lightBlueAccent),
shape: MaterialStateProperty.all<RoundedRectangleBorder>(
RoundedRectangleBorder(
borderRadius: BorderRadius.circular(50.0),
side: BorderSide(color: Colors.white)))),
//style: ButtonStyle(shape: OutlinedBorder()),
child: Center(
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.local_shipping_outlined),
SizedBox(
width: 25,
),
Text(
'GO ',
style: TextStyle(color: Colors.white, fontSize: 20),
),
],
)),
onPressed: () {
//fetchOpTypesData();
int driverNo = int.parse(driverNoController.text);
if (driverNo.isNaN || driverName1 == '') {
print('empty data');
return;
}
else {
upload();
searchDetailsByDriverNoFromJson(driverNo).then(
(value) {
Navigator.push(
context,
new MaterialPageRoute(
//builder: (context) => BalanceScreen(),
builder: (context) => transData(),
),
);
// print(value.driverNo);
saveDriverNoPrefs(driverNo);
}
).onError((error, stackTrace) {
CoolAlert.show(
context: context,
type: CoolAlertType.error,
text: "please check data",
);
});
};
} ),
),
],),
)
)