flutter - 如何在 DropdownMenuItem 上使用 onClick 监听器

Question

我已经构建了 DropdownMenuItem 的代码，现在当我从 dropdownmenuitem 单击一个项目时，它应该移动到另一个屏幕。下面是代码

class TimesScreen extends StatefulWidget {
  @override
  _TimesScreenState createState() => _TimesScreenState();
}

class _TimesScreenState extends State<TimesScreen> {
  var gender;
@override
  Widget build(BuildContext context) {
DropdownButton(
                     hint: Text("Select",
                     style: TextStyle(color: Colors.white),),
                     onChanged: (val){
                         setState(() {
                           this.gender=val;
                         });
                     },
                     value: this.gender,
                     items: [
                       DropdownMenuItem(
                         //onTap:
                         value: 'Earth',
                         child: Text('Earth'
                        ),
                       ),
                       DropdownMenuItem(
                        //onTap:
                         value: 'Mars',
                         child: Text('Mars'
                        ),
                       ),)]

Answer 1

您可以使用 GestureDetector 包装您的 Text 小部件，其中有一个 onTap 函数，您可以使用它来执行您想要的代码。有关详细信息，请查看:https://api.flutter.dev/flutter/widgets/GestureDetector-class.html

这应该有效:

DropdownMenuItem(
    value: 'Earth',
    child: GestureDetector(
      onTap: () {
        // navigate code...
      },
      child: Text('Earth')
    ),
),