הפונקציות שלכם

חלק מהיחידה הוספת אינטראקטיביות במסלול ה-Flutter של Coddy. שיעור 6 מתוך 34.

כששני כפתורים עושים את אותו הדבר, אפשר לכתוב את הקוד פעם אחת ולתת לו שם. זו פונקציה:

void sayHello() {
  print('Hello!');
}

sayHello הוא השם שלה, הקוד שבתוך הסוגריים המסולסלים הוא מה שהיא עושה, ו-void פירושו שהיא לא מחזירה דבר. כתבו אותה בפני עצמה, מחוץ ל-class MyApp, למשל ממש מתחת ל-main.

כדי להפעיל אותה, כתבו את שמה עם סוגריים: sayHello();. כדי להעביר אותה לכפתור, כתבו את השם בלי הסוגריים:

ElevatedButton(onPressed: sayHello, child: Text('Hi'))

בלי סוגריים, אתם מעבירים לכפתור את הפונקציה עצמה, והכפתור מפעיל אותה בכל הקשה. עם סוגריים, onPressed: sayHello(), Dart היה מפעיל אותה מיד ומעביר לכפתור את התוצאה שלה, שהיא שום דבר, ולכן הקוד לא מתקמפל.

אתגר

קל

שני הכפתורים אמורים להדפיס Hello!. כתבו פונקציה בשם sayHello שמדפיסה Hello!, והקצו אותה לכפתור Say hello ולכפתור הצף עם היד המנופפת.

נסו בעצמכם

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: () {
              print('Hello!');
            },
            child: Text('Say hello'),
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {},
          child: Icon(Icons.waving_hand),
        ),
      ),
    );
  }
}