הכפתור הראשון שלך

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

עד עכשיו האפליקציות שלך רק הציגו דברים. ביחידה הזאת הן יתחילו להגיב, החל מכפתור.

ElevatedButton(
  onPressed: () {},
  child: Text('Start'),
)

child: הוא מה שהכפתור מציג, בדרך כלל Text. onPressed: הוא מה שקורה כשמישהו מקיש עליו.

() {} היא פונקציה ללא שם: פיסת קוד קטנה שהכפתור שומר ומריץ בכל הקשה. הקוד מופיע בין הסוגריים המסולסלים. הפונקציה הזאת ריקה, לכן הקשה עדיין לא עושה כלום, אבל הכפתור מוכן ללחיצה.

עם onPressed: null הכפתור מאופר ואי אפשר ללחוץ עליו. null פירושו "אין ערך": אין קוד להריץ.

אתגר

קל

האפליקציה מציגה את המילה Start. הפכו אותה ל-ElevatedButton שניתן ללחוץ עליו, כשהמילה Start משמשת כילד שלו. פונקציה ריקה מספיקה עבור onPressed.

נסו בעצמכם

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: Text('Start'),
        ),
      ),
    );
  }
}