您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

Flutter-环绕文字

Flutter-环绕文字

在我的一个项目中,我将Text实例包裹在Containers 周围。此特定的代码示例具有两个堆叠的Text对象。

这是一个代码示例。

    //80% of screen width
    double c_width = MediaQuery.of(context).size.width*0.8;

    return new Container (
      padding: const EdgeInsets.all(16.0),
      width: c_width,
      child: new Column (
        children: <Widget>[
          new Text ("Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 Long text 1 ", textAlign: TextAlign.left),
          new Text ("Long Text 2, Long Text 2, Long Text 2, Long Text 2, Long Text 2, Long Text 2, Long Text 2, Long Text 2, Long Text 2, Long Text 2, Long Text 2", textAlign: TextAlign.left),
        ],
      ),
    );
@H_404_11@

[edit]向容器添加了宽度限制

解决方法

我想随着文本的增长换行。我进行搜索并尝试使用几乎所有内容进行换行,但文本仍然停留在一行并从屏幕溢出。有谁知道如何实现这一目标?任何帮助深表感谢!

Positioned(
    left: position.dx,top: position.dy,child: new Draggable(
      data: widget.index,onDragStarted: widget.setDragging,onDraggableCanceled: (velocity,offset) {
        setState(() {
          position = offset;
          widget.secondCallback(offset,widget.index);
          widget.endDragging();
        });
      },child: new GestureDetector(
        onTap: () {
          widget.callback(widget.caption,widget.index);
        },child: new Text(
            widget.caption.caption,style: new TextStyle(
              color: widget.caption.color,fontSize: widget.caption.fontSize,),feedback: new Material(
        type: MaterialType.transparency,child: new Text(
          widget.caption.caption,fontSize: widget.caption.fontSize),softWrap: true,));
喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!
Positioned(
    left: position.dx,top: position.dy,child: new Draggable(
      data: widget.index,onDragStarted: widget.setDragging,onDraggableCanceled: (velocity,offset) {
        setState(() {
          position = offset;
          widget.secondCallback(offset,widget.index);
          widget.endDragging();
        });
      },child: new GestureDetector(
        onTap: () {
          widget.callback(widget.caption,widget.index);
        },child: new Text(
            widget.caption.caption,style: new TextStyle(
              color: widget.caption.color,fontSize: widget.caption.fontSize,),feedback: new Material(
        type: MaterialType.transparency,child: new Text(
          widget.caption.caption,fontSize: widget.caption.fontSize),softWrap: true,));

[edit]向容器添加了宽度限制

我想随着文本的增长换行。我进行搜索并尝试使用几乎所有内容进行换行,但文本仍然停留在一行并从屏幕溢出。有谁知道如何实现这一目标?任何帮助深表感谢!

[edit]向容器添加了宽度限制

其他 2022/1/1 18:18:16 有433人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶