如何在展开的 Flutter 列表中指定元素的宽度？

Question

下面的代码表示一个项目列表，其中列表应该是全宽的，但列表中的元素可能不是。 Flutter 似乎忽略了我对 SizedBox 的宽度限制并迫使它完全展开。

class ExampleBadListWidth extends StatelessWidget {
  List<String> things = [
    "1: This is a really really really really really really really  really really really  long thing",
    "2: This is a really really really really really really really  really really really  long thing",
    "3: This is a really really really really really really really  really really really  long thing"
  ];

  ExampleBadListWidth();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Column(children: [
      Expanded(
          child: ListView.builder(
        itemCount: things.length,
        itemBuilder: _thingBuilder,
      ))
    ]));
  }

  Widget _thingBuilder(context, index) {
    return SizedBox(width: 100, child: Text(things[index]));
  }
}

Answer 1

您可以复制粘贴运行下面的完整代码
您可以将 SizedBox 换成 Center 或 Align

代码片段

Widget _thingBuilder(context, index) {
    return Center(
      child: SizedBox(
          width: 100,
          child: Text(things[index])),
    );
  }

或

 Widget _thingBuilder(context, index) {
    return Align(
      alignment: Alignment.centerLeft,
      child: SizedBox(
          width: 100,
          child: Text(things[index])),
    );
  }

工作演示

完整代码

import 'package:flutter/material.dart';

class ExampleBadListWidth extends StatelessWidget {
  List<String> things = [
    "1: This is a really really really really really really really  really really really  long thing",
    "2: This is a really really really really really really really  really really really  long thing",
    "3: This is a really really really really really really really  really really really  long thing"
  ];

  ExampleBadListWidth();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Column(children: [
      Expanded(
          child: ListView.builder(
        itemCount: things.length,
        itemBuilder: _thingBuilder,
      ))
    ]));
  }

  Widget _thingBuilder(context, index) {
    return Align(
      alignment: Alignment.centerLeft,
      child: SizedBox(
          width: 100,
          child: Text(things[index])),
    );
  }
}

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: ExampleBadListWidth(),
    );
  }
}

如何在展开的 Flutter 列表中指定元素的宽度？

How do I specify the width of elements within a Flutter list that is expanded?

flutter

flutter-listview