通过在Flutter中单击按钮，使用列表中的数据构建新容器

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter Button Example'),
        ),
        body: MyWidget(),
      ),
    );
  }
}

class MyWidget extends StatefulWidget {
  @override
  _MyWidgetState createState() => _MyWidgetState();
}

class _MyWidgetState extends State<MyWidget> {
  List<String> dataList = ['Item 1', 'Item 2', 'Item 3'];
  String selectedData = '';

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        ListView.builder(
          shrinkWrap: true,
          itemCount: dataList.length,
          itemBuilder: (BuildContext context, int index) {
            return ListTile(
              title: Text(dataList[index]),
              onTap: () {
                setState(() {
                  selectedData = dataList[index];
                });
              },
            );
          },
        ),
        SizedBox(height: 20),
        selectedData.isNotEmpty
            ? Container(
                color: Colors.blue,
                padding: EdgeInsets.all(16),
                child: Text(
                  selectedData,
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 18,
                  ),
                ),
              )
            : SizedBox(),
      ],
    );
  }
}