Flutter让抽屉反应灵敏

Question

我在Flutter中有这个抽屉，问题是当我调整屏幕大小时，文本(抽屉(会不断打断两行或更多行(每行以一个字母结尾(。如何阻止屏幕调整大小，或者有其他解决方案吗？我一直在看LayoutBuilder，但我认为它不会起作用，因为我没有其他抽屉可以在较小的屏幕上使用。

我是为Windows桌面或Web构建的，而不是移动。

class DrawerListTile extends StatelessWidget {
const DrawerListTile({
Key key, @required this.title,@required this.svgSrc,@required this.press1,@required this.press2,@required this.press3,@required this.subTitle1,@required this.subTitle2,@required this.subTitle3
}) : super(key: key);
final String title,svgSrc,subTitle1,subTitle2,subTitle3;
final VoidCallback press1,press2,press3;
@override
Widget build(BuildContext context) {
return ExpansionTile(
leading: SvgPicture.asset(
svgSrc,
color: Colors.black,
height:16,
),
title: Text(title),
children: [
ListTile(
contentPadding: EdgeInsets.only(left:30),
onTap:press1,
horizontalTitleGap: 0.0,
leading: Icon(Icons.arrow_right_rounded,color:Colors.black),
title:Text(
subTitle1,
style: TextStyle(color: Colors.black,
fontSize: 15),
),
),
ListTile(
contentPadding: EdgeInsets.only(left:30),
onTap:press2,
horizontalTitleGap: 0.0,
leading: Icon(Icons.arrow_right_rounded,color:Colors.black),
title:Text(
subTitle2,
style: TextStyle(color: Colors.black,
fontSize: 15),
),
),
ListTile(
contentPadding: EdgeInsets.only(left:30),
onTap:press3,
horizontalTitleGap: 0.0,
leading: Icon(Icons.arrow_right_rounded,color:Colors.black),
title:Text(
subTitle3,
style: TextStyle(color: Colors.black,
fontSize: 15),
),
),
],
);

}
}

Answer 1

听起来问题是围绕文本本身的——在这种情况下，您可以使用这个包auto_size_text来控制文本大小，防止它分成两行。

与@Yeasin Sheikh的评论相同