import 'package:flutter/material.dart';
class CounterScreen extends StatefulWidget
{
const CounterScreen({Key? key}) : super(key: key);
@override
State<CounterScreen> createState() {
return _CounterScreenState();
}
}
class _CounterScreenState extends State<CounterScreen> {
int number=1;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(
"Counter"
),
),
body: Center(
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
TextButton(onPressed: (){ number--;} , child: Text("Minus",)),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 10),
child: Text("$number",style: TextStyle(color: Colors.black,fontSize: 30,),),
),
TextButton(onPressed: (){ number++;print(number);}, child: Text("Plus",)),
],
),
),
);
}
}
要更新UI,必須使用setstate。所以這條線應(yīng)該是
Like this