줄바꿈 문제 입니다.
저렇게 옆으로 텍스트가 뚫고 나가버리는데 어떻게 해야 할까요?
class App extends GetView<FoodStatisticsController> {
const App({super.key});
Widget infowiget(String title, String value) {
return Row(
children: [
Text(
title,
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 15),
),
Text(
': $value',
style: TextStyle(fontSize: 15),
),
],
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
foregroundColor: Colors.orange,
title: Text(
'오늘의 급식',
style: TextStyle(
fontSize: 35,
fontWeight: FontWeight.w600,
fontStyle: FontStyle.italic),
),
centerTitle: true,
),
body: Container(
width: 300,
padding: const EdgeInsets.all(15),
child: Obx(() {
var info = controller.foodStatistics.value;
return Column(
children: [
infowiget('급식일자', info.MLSV_YMD!),
infowiget('급식 매뉴', info.DDISH_NM!),
infowiget('급식칼로리', info.CAL_INFO!),
],
);
}),
),
);
}
}