如何扩展列表视图的子级，以便所有子级在颤振中占据最大宽度

    class MyApp extends StatelessWidget {
      List<String> names = ["first","second","third","fourth"]; //Your names list here
      
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          theme: ThemeData.dark().copyWith(
            scaffoldBackgroundColor: darkBlue,
          ),
          debugShowCheckedModeBanner: false,
          home: Scaffold(
          body: Center(
            child: Container(
              height: 80,
              color: Colors.grey,
              child: ListView.builder(
                scrollDirection: Axis.horizontal,
                  itemCount: names.length,
                  itemBuilder: (context,index){
                return Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Container(
                    width: (MediaQuery.of(context).size.width / names.length) - 16, // Ratio of width relative to array of names
//Since 8 paddings are given from the right and left, I subtract 16.
                    decoration: BoxDecoration(
                      color: Colors.green,
                      borderRadius: BorderRadius.circular(8.0),
                    ),
                    child: Center(child: Text(names[index])),
                  ),
                );
    
              }),
            ),
          ),
        ),
        );
      }
    }

正如我在评论行中提到的，我自己创建了一个名称数组。在“宽度”部分中，我使用 MediaQuery 指定了宽度与名称数组的比率，以便与每个屏幕兼容。好好工作。

输出：

您可以将设备宽度存储在变量中，并将其除以名称列表的长度，并将其分配给文本的父容器，它将占用所有可用空间。

@override
  Widget build(BuildContext context) {
    double deviceWidth = MediaQuery.of(context).size.width; //Total available width of device
    return Scaffold(
      body: Center(
        child: Container(
          height: 80,
          color: Colors.grey,
          child: ListView.builder(
            scrollDirection: Axis.horizontal,
            itemCount: names.length,
            itemBuilder: (context, index) {
              return Padding(
                padding: const EdgeInsets.all(8.0),
                child: Container(
                  width: (deviceWidth / names.length) - 16, // 16 is subtracted to adjust the padding space 
                  decoration: BoxDecoration(
                    color: Colors.green,
                    borderRadius: BorderRadius.circular(8.0),
                  ),
                  child: Center(child: Text(names[index])),
                ),
              );
            },
          ),
        ),
      ),
    );
  }
}