زرّك الأول

جزء من قسم إضافة التفاعلية في رحلة Flutter على Coddy. الدرس 1 من 34.

حتى الآن، كانت تطبيقاتك تعرض الأشياء فقط. يجعلها هذا القسم تستجيب، بدءًا بزر.

ElevatedButton(
  onPressed: () {},
  child: Text('Start'),
)

يحدد child: ما يعرضه الزر، وعادةً ما يكون Text. يحدد onPressed: ما يحدث عندما ينقر عليه أحد.

‏() {} هي دالة بلا اسم: قطعة صغيرة من التعليمات البرمجية يحتفظ بها الزر وينفذها مع كل نقرة. توضع التعليمات البرمجية بين القوسين المعقوفين. هذه الدالة فارغة، لذا لا يحدث شيء عند النقر بعد، لكن الزر جاهز للضغط عليه.

عند استخدام onPressed: null، يصبح الزر رماديًا ولا يمكن الضغط عليه. تعني null «لا توجد قيمة»: لا توجد تعليمات برمجية لتنفيذها.

التحدي

سهل

يعرض التطبيق الكلمة Start. حوّلها إلى ElevatedButton يمكن الضغط عليه، واجعل Start عنصره الفرعي. تكفي دالة فارغة لـ onPressed.

جرّب بنفسك

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('Start'),
        ),
      ),
    );
  }
}