[Flutter] setState() 약간 활용해보기

화면

각각의 플러스를 누르면 각각의 숫자에 따라 +1씩 늘어남 

 

class MyApp extends StatefulWidget {
  MyApp({Key? key}) : super(key: key);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  var a = 1;
  var name = ['구정모', '김기현', '예식이'];
  var like = [0, 0, 0];

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('앱이름')),
        body: ListView.builder(
          itemCount: 3,
          itemBuilder: (c, i) {
            return ListTile(
              leading: Text(like[i].toString()),
              title: Text(name[i]),
              trailing: IconButton(onPressed: (){
                setState(() {
                  like[i]++;
                });
              }, icon: Icon(Icons.add)),
            );
          },
        ),
      ),
    );
  }
}

 

 

훗날 좀 더 활용해서,

좋아요기능을 만들 수 있겠다.

좋아요 상태이면 해제하고

좋아요 해제상태이면 좋아요로 변경 될 수 있도록.