【问题标题】:Flutter - why is my text is disappearing if i added to much text against its lengthFlutter - 如果我添加了很多文本而不是它的长度,为什么我的文本会消失
【发布时间】:2020-11-22 18:35:24
【问题描述】:

如标题所述;当我添加的文本超出文本字段的长度时,我的文本“消失”,为什么会发生这种情况??

这是代码

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),
                                 ),
                               ),

当我添加大量文本时,会发生这种情况:[第一个 ok] [下一个 ???]

【问题讨论】:

  • 您能否在父小部件中添加更多代码,也许这是因为某些高度将其与剪切结合在一起。
  • 问题是您添加到容器的大小,删除该高度,文本字段的行为将恢复正常。
  • 嗨@LOfG,我发现您的解决方案运行良好。但是,我必须调整它的高度。在不破坏文本功能的情况下,您有什么解决方案吗?提前谢谢你!
  • 你好,为了帮助你,我需要知道你想要达到的最终结果是什么,为什么你需要改变这个容器的高度。
  • @LOfG,我目前对文本字段的正常高度感到失望,它不适合我的风格或 ui 布局设计,所以我修改了它的高度。给出的正常高度很糟糕。

标签: flutter uitextfield flutter-layout flutter-text


【解决方案1】:

为了让TextField的文本正常显示,它需要他的正常高度,在图像下方的图像中,不给容器高度:

但是如果你给它的高度小于它需要显示的文本会发生这种情况(在示例中设备的高度乘以 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,
  ),
),

【讨论】:

  • 我看到它有一个内容填充,这就是为什么高度越小,看到的文字越少。有没有办法在不损坏内容填充的情况下降低高度:/??
  • 您可以更改TextField的内部填充,我已经更新了我的答案。
  • 嗨@LofG,isdense 对我不起作用,但内容填充效果很好。感谢您的帮助,这对我来说是一个很大的进步,有一段时间有这个问题。我将您的答案标记为最有帮助。谢谢SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
  • 很高兴能帮上忙!
猜你喜欢
  • 1970-01-01
  • 2019-04-13
  • 1970-01-01
  • 1970-01-01
  • 2017-03-18
  • 2021-11-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多