java 下拉框添加图片,如何在下拉中添加不同的图像

此篇博客介绍了如何使用Flutter开发一个带有不同图像的下拉菜单,通过DropdownButton和DropdownMenuItem展示了如何在列表中展示定制的图片和文本。作者分享了具体的代码示例,适合前端开发者学习Flutter组件的自定义应用。
摘要由CSDN通过智能技术生成

我试着像这样做一个下拉菜单:

我在stackoverflow中发现这个例子在下拉列表中添加图像但是目前它是一个列表而我不知道如何添加不同的图像

import 'package:flutter/material.dart';

class Test extends StatefulWidget {

@override

_TestState createState() => new _TestState();

}

class _TestState extends State {

var _img = new

@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: [

_img,

new Text("Under 10")

],

),

));

})

, onChanged: null),),

),

);

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值