大文本上出现Flutter DropdownButtonFormField溢出

Question

朋友

我在Flutter中处理DropdownButtonFormField。如果menuitem是很大的文本，则会溢出。有人可以建议如何解决这个问题。

谢谢。

  Padding(
                   padding: const EdgeInsets.fromLTRB(0, 20, 0, 0),
                   child:
                   DropdownButtonFormField<String>(
                     value: _paperController,


                     validator: (value) {
                       if (value == null) {
                         return "Select Paper";
                       }
                     },
                     items: Paper_data.map((label) => DropdownMenuItem(
                       child: Text(label.toString()),
                       value: label,
                     ))
                         .toList(),

                     onChanged: (value) {
                       setState(() {
                         _paperController = value;
                       });



                     },
                     hint: Text('Select Paper'),
                     decoration: InputDecoration(

                         border: OutlineInputBorder(
                             borderSide: BorderSide(
                                 color: Color(0xffCED0D2), width: 1),
                             borderRadius:
                             BorderRadius.all(Radius.circular(6)))),


                   ),


                 )

Answer 1

在Text小部件内，添加overflow属性：

 child: Text(label.toString(), overflow: TextOverflow.ellipsis,),

来自docs：

  

overflow→TextOverflow

     

如何处理视觉溢出。