מונה עולה ויורד
חלק מהיחידה הוספת אינטראקטיביות במסלול ה-Flutter של Coddy. שיעור 13 מתוך 34.
פונקציה יכולה להימצא גם בתוך המחלקה State. שם היא יכולה לקרוא את המשתנים של State ולקרוא ל־setState:
void _increase() {
setState(() {
_count++;
});
}_count++ הוא קיצור של _count = _count + 1, ו־_count-- מפחית אחד. פונקציה ששייכת למחלקה נקראת מתודה, ומתודה פרטית מתחילה ב־_, כמו המשתנים.
מעבירים אותה לכפתור לפי השם שלה, בלי סוגריים, כמו ב־Your Own Functions: IconButton(icon: Icon(Icons.add), onPressed: _increase).
אתגר
קלהמונה רק עולה. הוסף מתודה _decrease שמפחיתה ממנו אחד בתוך setState, וכפתור IconButton עם Icons.remove לפני המספר, שקורא לה.
נסו בעצמכם
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: HomePage(),
);
}
}
class HomePage extends StatefulWidget {
const HomePage({super.key});
@override
State<HomePage> createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
int _count = 0;
void _increase() {
setState(() {
_count++;
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('Counter')),
body: Center(
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Text('$_count', style: TextStyle(fontSize: 48)),
IconButton(icon: Icon(Icons.add), onPressed: _increase),
],
),
),
);
}
}
השיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה הוספת אינטראקטיביות
תרגלו בעצמכם: קומפיילר Flutter אונליין