Flutter

Question

正如标题所说；当我添加的文本超出文本字段的长度时，我的文本“消失”了，为什么会发生这种情况？？

这是代码

Container(
                                 height: mediaSize.height * .075,
                                 decoration: BoxDecoration(
                                     borderRadius:
                                         BorderRadius.all(Radius.circular(12.5)),
                                     boxShadow: <BoxShadow>[
                                       BoxShadow(
                                           color: Colors.black54.withOpacity(0.45),
                                           spreadRadius: 1,
                                           blurRadius: 4,
                                           offset: Offset(3.5, 4))
                                     ]),
                                 child: TextFormField(
                                   decoration: InputDecoration(
                                       focusedBorder: OutlineInputBorder(
                                           borderSide:
                                               BorderSide(color: myLightOrangeColor),
                                           borderRadius: BorderRadius.all(
                                               Radius.circular(12.5))),
                                       enabledBorder: OutlineInputBorder(
                                           borderSide: BorderSide(
                                               color: myLightOrangeColor, width: 6),
                                           borderRadius: BorderRadius.all(
                                               Radius.circular(12.5))),
       
                                       labelStyle: TextStyle(color: Colors.black, fontSize: 15, fontWeight: FontWeight.bold),
                                       filled: true,
                                       fillColor: Colors.white),
                                   keyboardType: TextInputType.text,
                                   style: TextStyle(color: Colors.black, fontSize: 15, fontWeight: FontWeight.bold),
                                 ),
                               ),

当我添加大量文本时，会发生这种情况：[第一个没问题] [下一个 ???]

Answer 1

为了使 TextField 的文本正常显示，它需要其正常高度，在图像下方的图像中没有给 Container 高度：

但是如果你给它的高度小于它需要显示的文本，就会发生这种情况（在这个例子中，设备的高度乘以 0.075）：

要减小 TextField 的高度，您可以更改属性 contentPadding 或将 isDense 设置为 true:

TextFormField(
  decoration: InputDecoration(
    isDense: true,
    //contentPadding: EdgeInsets.all(0), //or any padding you want
      ),
  keyboardType: TextInputType.text,
  style: TextStyle(
    color: Colors.black,
    fontSize: 15,
    fontWeight: FontWeight.bold,
  ),
),

Flutter - 如果我根据其长度添加了很多文本，为什么我的文本会消失

Flutter - why is my text is disappearing if i added to much text against its length

uitextfield

flutter-layout

flutter-text