כפתור פעולה צף
חלק מהיחידה הוספת אינטראקטיביות במסלול ה-Flutter של Coddy. שיעור 5 מתוך 34.
באפליקציות רבות יש כפתור עגול אחד שמרחף בפינה הימנית התחתונה: הודעה חדשה, פתק חדש, תמונה חדשה. Flutter קוראת לו FloatingActionButton.
הוא לא נמצא בתוך body. ל־Scaffold יש מקום משלו עבורו, לצד appBar: ו־body::
Scaffold(
body: ...,
floatingActionButton: FloatingActionButton(
onPressed: () {},
child: Icon(Icons.edit),
),
)ה־Scaffold ממקמת אותו בפינה ומשאירה אותו מעל כל שאר הדברים במסך. ה־child: שלו הוא בדרך כלל Icon.
אתגר
קלהוסף ל־Scaffold כפתור פעולה צף עם Icons.add שמדפיס New note בעת לחיצה.
נסו בעצמכם
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('No notes yet'),
),
),
);
}
}
בחנו את עצמכםהשיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה הוספת אינטראקטיביות
תרגלו בעצמכם: קומפיילר Flutter אונליין