הדפסה למסוף
חלק מהיחידה הוספת אינטראקטיביות במסלול ה-Flutter של Coddy. שיעור 2 מתוך 34.
הקשה על כפתור מריצה קוד שאי אפשר לראות. הפונקציה print הופכת אותו לגלוי: היא כותבת שורת טקסט למסוף, החלונית שמתחת לטלפון.
ElevatedButton(
onPressed: () {
print('Button pressed');
},
child: Text('Press me'),
)כל שורת קוד בתוך הסוגריים המסולסלים מסתיימת בנקודה-פסיק ;. הקש על הכפתור שלוש פעמים, והמסוף יציג את Button pressed שלוש פעמים.
מי שמשתמש באפליקציה שלך לעולם לא רואה את המסוף. הוא מיועד לך: כשמשהו לא עובד, print מאפשרת לך לדעת אם הקוד שלך רץ בכלל.
אתגר
קלגרום ללחיצה על הכפתור Say hi להדפיס Hi there! בכל פעם שלוחצים עליו. לחץ עליו כמה פעמים וצפה במסוף.
נסו בעצמכם
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: Scaffold(
body: Center(
child: ElevatedButton(
onPressed: () {},
child: Text('Say hi'),
),
),
),
);
}
}
השיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה הוספת אינטראקטיביות
תרגלו בעצמכם: קומפיילר Flutter אונליין