主页 / coding / 问题 / 79185836
Accepted
user3132858
Asked: 2024-11-14 00:33:20 +0800 CST

如何强制文本溢出其父容器的宽度？

  • 772

我有一个相当长的标签DropdownButtonFormField，我需要显示溢出其父容器的整个文本。

我怎样才能实现这个目标？

在此处输入图片描述

Container(
    width: MediaQuery.of(context).size.width * 0.30,
    child: new DropdownButtonFormField<String>(
      decoration: InputDecoration(
        labelText: ("Long Text here, which should overflow it's parent"),
        // labelStyle: new TextStyle(
        //   overflow: TextOverflow.visible,
        // ),
        // label: TextField(
        //   //maxLines: 1,
        //   style: TextStyle(overflow: TextOverflow.visible,),
        //   decoration: InputDecoration.collapsed(
        //       hintText: ("Long Text here, which should overflow it's parent"),
        //   ),
        // ),
        // label: Text(
        //   ("Long Text here, which should overflow it's parent"),
        //     overflow: TextOverflow.visible,
        // ),
      ),
      isExpanded:true,
      hint: Text("Select"),
      items: _list.map((value) {
        return new DropdownMenuItem<String>(
          value: value,
          child: new Text(value),
        );
      }).toList(),
      onChanged: (value) {},
    )
),
flutter

1 个回答

  1. Best Answer

    解决方案 1：增加容器的宽度以占据更大的屏幕部分。您可以通过将其宽度设置为屏幕宽度的百分比来实现此目的：

    width: MediaQuery.of(context).size.width * 0.9,

    解决方案 2：

    如果您需要一列中的多个容器或元素，则可以为每个元素指定特定的宽度。以下是示例：

    Container(
                          width: MediaQuery.of(context).size.width * 0.9,
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              Text(
                                'Long Text here, which should overflow it\'s parent',
                              ),
                              // SizedBox(height: 8),
                              Container(
                                  width: MediaQuery.of(context).size.width *
                                      0.30,
                                  child:
                                      new DropdownButtonFormField<String>(
                                    decoration: InputDecoration(
                                        // labelStyle: new TextStyle(
                                        //   overflow: TextOverflow.visible,
                                        // ),
                                        // label: TextField(
                                        //   //maxLines: 1,
                                        //   style: TextStyle(overflow: TextOverflow.visible,),
                                        //   decoration: InputDecoration.collapsed(
                                        //       hintText: ("[![Long Text here, which should overflow it's parent][1]][1]"),
                                        //   ),
                                        // ),
                                        // label: Text(
                                        //   ("Long Text here, which should overflow it's parent"),
                                        //     overflow: TextOverflow.visible,
                                        // ),
                                        ),
                                    isExpanded: true,
                                    hint: Text("Select"),
                                    items: _list.map((value) {
                                      return new DropdownMenuItem<String>(
                                        value: value,
                                        child: new Text(value),
                                      );
                                    }).toList(),
                                    onChanged: (value) {},
                                  )),
    • 1

相关问题