כרטיס ביקור: פריסה
חלק מהיחידה האפליקציה הראשונה שלך במסלול ה-Flutter של Coddy. שיעור 30 מתוך 32.
הגיע הזמן לחבר את הכול יחד. בשלושת השיעורים הבאים תבנו אפליקציה של כרטיס ביקור, מסוג המסכים שכל דף פרופיל מתחיל מהם.
התחילו בפריסה. שרטטו תחילה את המסך כקופסאות: תמונת פרופיל עגולה למעלה, אחריה השם ואז התפקיד, כולם בעמודה אחת במרכז המסך. אחרי שהקופסאות נמצאות במקומות הנכונים, מגיע תור העיצוב.
אתגר
קלבנה את הכרטיס במרכז המסך, בתור Column (עם mainAxisSize: MainAxisSize.min) המורכב מ:
CircleAvatarעםradius: 48,backgroundColor: Colors.indigoוהראשי התיבותJDכילד שלו, בצבע לבן ובגודל 32- השם,
Jordan Diaz - התפקיד,
Flutter Developer
נסו בעצמכם
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('Jordan Diaz'),
),
),
);
}
}
השיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה האפליקציה הראשונה שלך
תרגלו בעצמכם: קומפיילר Flutter אונליין