flutter 布局

Container设置最小高度,子组件为Row包含多个元素和文本,使所有元素居中且文本在超过最大宽度时能够自动换行的布局
Container(
  constraints: BoxConstraints(minHeight: 100.0), // 设置容器的最小高度
  alignment: Alignment.center, // 水平和垂直居中
  child: Center(
    child: Row(
      mainAxisAlignment: MainAxisAlignment.center, // 仅在水平方向上居中
      children: [
        Image.network('your_image_url'), // 图片部分
        SizedBox(width: 8.0), // 图片和文本之间的间距
        Flexible( // 使用Flexible包装文本以支持自动换行
          child: Wrap(
            alignment: WrapAlignment.center, // 文本水平居中
            children: [
              Text(
                'Your long text that should wrap automatically when it exceeds the container width.',
                style: TextStyle(
                  fontSize: 18.0,
                  fontWeight: FontWeight.w500,
                  color: Colors.black,
                ),
              ),
            ],
          ),
        ),
      ],
    ),
  ),
)

你可能感兴趣的:(flutter,前端)