Flutter 使用 ListView 作为 TabBar 并延伸至屏幕底部
要让 ListView 在 Flutter 中延伸到屏幕的最下端,可以使用 Expanded 或 Flexible 组件将 ListView 包装起来,并将其放置在 Column 或 Row 组件中。下面是一个示例代码:\n\ndart\nimport 'package:flutter/material.dart';\n\nvoid main() {\n runApp(MyApp());\n}\n\nclass MyApp extends StatelessWidget {\n @override\n Widget build(BuildContext context) {\n return MaterialApp(\n title: 'Flutter Demo',\n theme: ThemeData(\n primarySwatch: Colors.blue,\n ),\n home: MyHomePage(),\n );\n }\n}\n\nclass MyHomePage extends StatelessWidget {\n @override\n Widget build(BuildContext context) {\n return Scaffold(\n appBar: AppBar(\n title: Text('TabBar ListView'),\n ),\n body: Column(\n children: [\n // 其他组件\n Expanded(\n child: ListView(\n children: [\n // ListView 的内容\n ],\n ),\n ),\n ],\n ),\n );\n }\n}\n\n\n在上面的示例代码中,ListView 被包装在一个 Expanded 组件中,这将使其在垂直方向上填充剩余的空间,从而延伸到屏幕的最下端。
原文地址: https://www.cveoy.top/t/topic/przD 著作权归作者所有。请勿转载和采集!