Sobes.tech
Junior

Τι είναι το widget Container στο Flutter και ποια είναι τα βασικά του χαρακτηριστικά;

sobes.tech AI

Απάντηση από AI

Container — είναι ένα βολικό widget που μπορεί να χρησιμοποιηθεί για την προσθήκη gradient, περιθωρίων, περιγραμμάτων, φόντου και μετασχηματισμών σε άλλα widgets.

Βασικές ιδιότητες:

  • alignment: Ευθυγραμμίζει το παιδικό widget μέσα στο κοντέινερ.
  • padding: Εσωτερικό περιθώριο μεταξύ της άκρης του κοντέινερ και του περιεχομένου του.
  • color: Χρώμα φόντου του κοντέινερ.
  • decoration: Επιτρέπει τον ορισμό πιο σύνθετων διακοσμήσεων, όπως gradient, σκιές, στρογγυλεμένες γωνίες και εικόνες φόντου. Όταν χρησιμοποιείται το decoration, η ιδιότητα color δεν μπορεί να χρησιμοποιηθεί ξεχωριστά.
  • foregroundDecoration: Διακόσμηση που ζωγραφίζεται πάνω από το παιδικό widget.
  • width: Πλάτος του κοντέινερ.
  • height: Ύψος του κοντέινερ.
  • constraints: Επιπλέον περιορισμοί μεγέθους για το κοντέινερ.
  • margin: Εξωτερικά περιθώρια γύρω από το κοντέινερ.
  • transform: Εφαρμόζει μετασχηματισμό στο κοντέινερ και το περιεχόμενό του.
  • child: Widget που αποτελεί το παιδί του κοντέινερ.

Παράδειγμα χρήσης:

Container(
  padding: const EdgeInsets.all(16.0), // Εσωτερικό περιθώριο
  margin: const EdgeInsets.symmetric(vertical: 10.0), // Εξωτερικά περιθώρια
  decoration: BoxDecoration( // Διακόσμηση με χρώμα φόντου και στρογγυλεμένες γωνίες
    color: Colors.blue,
    borderRadius: BorderRadius.circular(10.0),
  ),
  child: const Text( // Παιδικό widget
    'Hello, Container!',
    style: TextStyle(color: Colors.white),
  ),
);