有状态组件-点击自增列表

 

 

import 'package:flutter/material.dart';

import 'res/listData.dart';

void main() {

  runApp(MyApp());

}

class MyApp extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

        home: Scaffold(

      appBar: AppBar(title: Text("flutter  Demo")),

      body: HomePage(),

    ));

  }

}

// 自定义有状态组件

class HomePage extends StatefulWidget {

  HomePage({Key? key}) : super(key: key);

  @override

  _HomePageState createState() => _HomePageState();

}

class _HomePageState extends State<HomePage> {

  List list = [];

  @override

  Widget build(BuildContext context) {

    return ListView(

      children: [

        Column(

          children: this.list.map((value) {

            return ListTile(

              title: Text(value),

            );

          }).toList(),

        ),

        SizedBox(height: 20),

        ElevatedButton(

          child: Text('按钮'),

          onPressed: () {

            setState(() {

              this.list.add('新增数据${this.list.length}');

            });

          },

        ),

      ],

    );

  }

}