Is there a way to display a widget conditionally [duplicate]

The reason why your solution does not work is because the onChanged callback does not return anything, especially not anything to the current widget tree.

Below is a simple stateful widget with a dropdown that will set state, which cause a rerender of the view calling the _buildView() function with the new _selectedItem value, returning the widget you want.

import 'package:flutter/material.dart'; class Sample extends StatefulWidget { const Sample({super.key}); @override State<Sample> createState() => _SampleState(); } class _SampleState extends State<Sample> { String _selectedItem = ''; Widget _buildView() { switch (_selectedItem) { case 'Artists': return Container( width: double.infinity, height: double.infinity, color: Colors.blue, ); case 'Albums': return Container( width: double.infinity, height: double.infinity, color: Colors.blue, ); case 'Tracks': return Container( width: double.infinity, height: double.infinity, color: Colors.blue, ); default: return Text('Select an item'); } } @override Widget build(BuildContext context) { return Column( children: [ DropdownButton<String>( value: _selectedItem, icon: const Icon(Icons.arrow_downward), elevation: 16, style: const TextStyle(color: Colors.deepPurple), underline: Container( height: 2, color: Colors.deepPurpleAccent, ), onChanged: (String? value) { // This is called when the user selects an item. setState(() { _selectedItem = value!; }); }, items: ['Artists', 'Albums', 'Tracks'].map<DropdownMenuItem<String>>((String value) { return DropdownMenuItem<String>( value: value, child: Text(value), ); }).toList(), ), _buildView(), ], ); } }