dart - 以下拉值显示图像

Question

我尝试创建Dart多页应用程序。

我创建了一个页面，该页面从包含表单的抽屉中导航。它具有一个容器，用于从下拉按钮中获取用户选择的项目。
在此下拉菜单中，我需要在每个项目中提供一张图片。如何通过自定义下拉按钮来做到这一点？可能吗 ？

我已经附上了我在应用程序中需要的示例图片。

Answer 1

这是一个简单的示例，说明如何开始:

import 'package:flutter/material.dart';

class Test extends StatefulWidget {
  @override
  _TestState createState() => new _TestState();
}

class _TestState extends State<Test> {
  var _img = new Image.network("https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/TUCPamplona10.svg/500px-TUCPamplona10.svg.png");
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(title: new Text("Test Drop"),),
      body: new Center(
        child: new Container (
            height: 50.0,
            child:new DropdownButton(
            items: new List.generate(10, (int index){
          return new DropdownMenuItem(child: new Container(
            padding: const EdgeInsets.only(bottom: 5.0),
            height: 100.0,
              child: new Row(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: <Widget>[
                _img,
                new Text("Under 10")
              ],
            ),
          ));
        }) 
        , onChanged: null),),
      ),
    );
  }
}