Menu
CoddyTech

תמונות מהאינטרנט

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

Image.network מציגה תמונה מכתובת אינטרנט:

Image.network('https://picsum.photos/id/10/300/200')

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

Image.network('https://picsum.photos/id/10/300/200', width: 150)

תמונות שכלולות בתוך האפליקציה עצמה משתמשות ב-Image.asset. תפגשו בו כשתבנו פרויקט משלכם.

challenge icon

אתגר

קל

הצג את התמונה הזו מעל הכיתוב, כילד הראשון של Column:

https://picsum.photos/id/237/300/200

נסו בעצמכם

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: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Text('A good dog', style: TextStyle(fontSize: 24)),
            ],
          ),
        ),
      ),
    );
  }
}
quiz iconבחנו את עצמכם

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

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

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