flutter - 下拉选择颜色

Question

flutter DropDown是否只支持Text？

如果没有，那么我该如何创建一个有点像这张图片的下拉菜单。

P.s.:我不想在图像中实现滚动条，这是我能找到的最接近我想象的东西。

Answer 1

你可以使用一个全宽的空容器并赋予背景颜色；

import 'dart:io';

import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart' as image_picker;
import 'package:provider/provider.dart';
import 'package:simple_flutter_i18n/simple_flutter_i18n.dart';

// import '../i18n/i18n.dart';

class DropDown extends StatelessWidget {
 @override
  Widget build(BuildContext context) {
    final language = Provider.of<I18n>(context).lang;

    return Container(
      child: DropdownButton(
        onChanged: (d) {},
        items: [
          DropdownMenuItem(
            child: Container(
              width: 100,
              height: 10,
              color: Colors.red,
            ),
          ),
          DropdownMenuItem(
            child: Container(
              width: 100,
              height: 10,
              color: Colors.blue,
            ),
          )
        ],
      ),
    );
  }
}