רוחב וגובה

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

הגדירו ל־Container ערכי width: ו־height:, והוא יפסיק להיצמד לגודל של הילד שלו. המידות הן בפיקסלים:

Container(
  width: 300,
  height: 50,
  color: Colors.orange,
  child: Text('Banner'),
)

הילד ממוקם בפינה השמאלית העליונה של התיבה. הפיקסלים ב־Flutter הם באותו גודל בכל הטלפונים, לכן תיבה ברוחב 300 נראית בערך אותו דבר בטלפון קטן ובטלפון גדול.

אתגר

קל

הגדר את רוחב התיבה הכחולה ל־200 פיקסלים ואת הגובה שלה ל־100 פיקסלים.

נסו בעצמכם

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: Container(
            color: Colors.lightBlue,
            child: Text('Box'),
          ),
        ),
      ),
    );
  }
}