Flutter(Widget) - StatefulWidget

截屏2022-07-14 09.57.29.png

1.StatefulWidget

6188AAFE-93E7-4545-B7EA-86F8C64783AA.gif 3250fbdb402b1039ec5fd97f675e85e4.gif

import 'package:flutter/material.dart';
class ZflStateFulWidgetPage extends StatefulWidget {
  @override
  _ZflStateFulWidgetPageState createState() => _ZflStateFulWidgetPageState();
}

class _ZflStateFulWidgetPageState extends State<ZflStateFulWidgetPage> {
  List <String> list = ['第一条'];
  @override
  Widget build(BuildContext context) {
    return columnWidgetListView();
  }

  ListWidgetColumnView(){
    return ListView(
      children: <Widget>[
        Column(
            children: this.list.map((value){
              return ListTile(
                title: Text(value),
              );
            }).toList()
        ),
        SizedBox(height: 20),
        RaisedButton(
          child: Text("按钮"),
          onPressed: (){
            setState(() {
              this.list.add('${list.length + 1}');
            });
          },
        )
      ],
    );
  }

  columnWidgetListView(){
    return Container(
      child: Column(
        children: [
          Expanded(
            child: ListView.builder(itemCount: list.length,
                itemBuilder: (BuildContext context, int index){
                  return ListTile(title: Text('${list[index]}'),);
                }),
          ),
          RaisedButton(child: Text('按钮'),
            onPressed: (){
              setState(() {
                this.list.add('${list.length + 1}');
              });
            },)
        ],
      ),
    );
  }
}