Flutter PageViewModel中body文本换行失效及Text组件报错求助

问题1：换行文本重叠 #

你的TextStyle里设置了height: 0.03，这个值是行高与字体大小的倍数，0.03会让行间距几乎为0，导致换行后的文本直接重叠在一行。

修复方法：
把height调整为合理的数值（比如1.2~1.5，可根据视觉需求微调）：

bodyTextStyle: TextStyle(
  color: Color(0xFF06B4A0),
  fontSize: 40,
  fontFamily: 'Urbanist',
  fontWeight: FontWeight.w700,
  height: 1.2, // 修改为正常行高
)

问题2：传入Text组件报错 #

PageViewModel的body属性仅接受字符串类型，直接传入Text组件会触发类型不匹配错误。可按以下方式处理：

方案A：使用支持Widget的属性（对应库版本支持时） #

如果使用的是flutter_onboarding_slider或同类库，部分版本提供了bodyWidget属性，允许直接传入自定义Widget：

PageViewModel(
  title: "",
  // 替换body为bodyWidget，传入自定义Text组件
  bodyWidget: Text(
    "Thousands of\ndoctors & experts to \nhelp your health!",
    style: TextStyle(
      color: Color(0xFF06B4A0),
      fontSize: 40,
      fontFamily: 'Urbanist',
      fontWeight: FontWeight.w700,
      height: 1.2,
    ),
  ),
  footer: ElevatedButton(
    onPressed: () {},
    child: const Text("Next"),
  ),
  image: Center(child: Image.asset('assets/onboard1.png')),
),

方案B：保持字符串输入 #

调整行高后，原body字符串里的\n就能正常触发换行，无需额外修改字符串内容，直接用问题1的修复代码即可。

内容的提问来源于stack exchange，提问作者Karthikeya Peeriga