Menu
CoddyTech

כרטיס ביקור: פריסה

חלק מהיחידה האפליקציה הראשונה שלך במסלול ה-Flutter של Coddy. שיעור 30 מתוך 32.

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

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

challenge icon

אתגר

קל

בנה את הכרטיס במרכז המסך, בתור 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'),
        ),
      ),
    );
  }
}
quiz iconבחנו את עצמכם

השיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.

כל השיעורים ביחידה האפליקציה הראשונה שלך

תרגלו בעצמכם: קומפיילר Flutter אונליין