颤动的小部件大小取决于另一个

作者: 布偶的表弟派大星丶
发布时间: 2024-07-19 04:33:28 (14天前)
转自：

3 条回复

0#
回复此人
部落用户 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 你可以推断出 <code> Listview </code> 通过减法来减小尺寸 <code> height </code> 的 <code> AppBar </code> 对于整个屏幕 <code> height </code> 。你可以得到 <code> AppBar </code> 通过在赋值前定义高度： </p> <pre> <code> class _MyHomePageState extends State<MyHomePage> { AppBar myBar = AppBar(title: Text(widget.title),); @override Widget build(BuildContext context) { return Scaffold( appBar: myBar, ) </code> </pre> <P> 然后你的 <code> Listview </code> 高度将是： </p> <pre> <code> var _listHeight = MediaQuery.of(context).size.height - myBar.prefferedSize.height ; </code> </pre> <P> 每个字母大小将是： </p> <pre> <code> var _letterHeight = height/27 ; </code> </pre> <P> 您应该使字母的尺寸小于上述尺寸，以便在它们之间留出一些间距。 </p> </DIV>

编辑
1#
回复此人
妖邪 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 小部件 <EM> 不能 </EM> 取决于另一个小部件的大小。另一方面，它可以依赖于 <EM> 限制 </EM> 。 </p> <P> 为此，您可以使用 <code> LayoutBuilder </code> 获取约束并相应地构建小部件： </p> <pre> <code> Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Hello World")), body: LayoutBuilder( builder: (context, constraints) { if (constraints.biggest.width > 100) { return Text('Hello'); } return Container(); }, ), ); } </code> </pre> </DIV>

编辑

登录后才能参与评论