下面的页面小部件抛出异常 运行'package:flutter/src/rendering/box. dart': box.dart:1 断言失败:第1965行位置12:'hasSize'
相关的导致错误的小部件是 脚手架
断言失败:1965行位置12:‘hasSize’
相关的导致错误的小部件是 FittedBox`
但是,一旦我使小部件变得无状态或删除FittedBox小部件,运行时错误就消失了.
class MyPage extends StatefulWidget {
const MyPage({super.key});
@override
State<MyPage> createState() => _MyPageState();
}
class _MyPageState extends State<MyPage> {
String _result = '';
@override
Widget build(BuildContext context) {
Widget result = FittedBox(
child: Text(_result),
);
Widget actionButton = ElevatedButton(
onPressed: () {
setState(() {
_result = 'Text generated';
});
},
child: const Text('Press me'),
);
Widget bottom = Container(
height: 80,
color: Colors.orange,
alignment: Alignment.center,
child: const Text("Footer"),
);
return Scaffold(
appBar: AppBar(
backgroundColor: Theme.of(context).colorScheme.inversePrimary,
title: const Text('My App'),
),
body: Padding(
padding: const EdgeInsets.only(top: 20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
const Flexible(
flex: 15,
child: TextField(),
),
Expanded(
flex: 10,
child: result,
),
Container(
height: 50,
child: Text('Somre data'),
),
const Expanded(
flex: 56,
child: Text('Some content'),
),
bottom,
],
),
),
);
}
}
我遇到了一种情况,输出结果可以长达30个字符.我希望结果内容显示在一行和最大尺寸,同时遵循Flex属性指定的约束.