flutter - Flutter 文本未在 Row 内换行

Question

我有一个简单Widget的 aRow和Text里面。如果Text它更长，它应该简单地进入下一行，但现在它停留在一行并给我一个overflow：

这是我的代码：

class HintKeyPoint extends StatelessWidget {
  final String text;

  const HintKeyPoint({
    required this.text,
  });
  @override
  Widget build(BuildContext context) {
    return Row(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        SizedBox(
          width: scaleWidth(10),
        ),
        Container(
          height: scaleWidth(16),
          width: scaleWidth(16),
          decoration: BoxDecoration(
              color: AppColors.primaryLight, shape: BoxShape.circle),
        ),
        SizedBox(
          width: scaleWidth(10),
        ),
        Text(
          text,
          style: AppTextStyles.h7,
        ),
      ],
    );
  }
}

为什么Text不占用垂直空间？我在这里做错了什么？

标签： flutterdarttextrow

Answer 1

用 Expanded 包裹文本小部件。