【问题标题】:Displaying Images beside text in flutter在颤动的文本旁边显示图像
【发布时间】:2023-03-15 03:35:01
【问题描述】:

如何在我的颤振应用程序中在文本旁边制作图像代码,如下图所示: image beside text

【问题讨论】:

  • 你尝试了什么,但没有为你工作?
  • 我在 ListTile 中使用了leading:Image.network() 但是显示的图像很大,并且列表中的文本消失了
  • 现在我对您的问题有所了解,但是如果您将遇到问题的 sn-p 分享给我和其他成员将非常方便地帮助您。
  • 好的,我会编辑我的问题
  • 尝试用 ClipRect() 包装 Image.network()。

标签: flutter flutter-layout


【解决方案1】:

您需要 Row 小部件来并排显示图像和文本,您的问题在于图像宽度,因此您可以将图像作为背景图像以避免图像拉伸大小问题,请参阅此示例:

Row(
children: <Wigdet>[
  Container(
   width:100,
   height: 100,
   decoration: BoxDecoration(
     image: ImageDecoration: NetworkImage("youImageLink")
   )
  ),
  Text("your text")
]
);

【讨论】:

    猜你喜欢
    • 2014-12-08
    • 2019-06-10
    • 2014-05-09
    • 1970-01-01
    • 2023-01-12
    • 2018-09-21
    • 2013-05-10
    • 2021-05-06
    • 1970-01-01
    相关资源
    最近更新 更多