السلاسل النصية مع المتغيرات

جزء من قسم تطبيقك الأول في رحلة Flutter على Coddy. الدرس 12 من 32.

لوضع متغير داخل سلسلة نصية، اكتب علامة الدولار واسمه:

String name = 'Ada';
Text('Hello, $name!')   // مرحبًا، Ada!

يُسمّى هذا استيفاء السلاسل النصية. إذا أردت إدراج ما هو أكثر من اسم عادي، مثل عملية حسابية أو خاصية، فضعه بين أقواس معقوفة بعد علامة الدولار:

Text('$name has ${name.length} letters')   // يتكون اسم Ada من 3 أحرف

تعني name.length عدد الأحرف في السلسلة النصية. من دون الأقواس المعقوفة، ستعرض '$name.length' الاسم متبوعًا بـ .length.

التحدي

سهل

يحتوي التطبيق على متغير name. اجعل السطرين يقولان، باستخدام المتغير:

Hello, Grace!
Grace has 5 letters، مع استخدام العدد من name.length

يضع Column المحيط بهما سطرًا تحت الآخر. ستنشئ واحدًا بنفسك في فصل لاحق.

جرّب بنفسك

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    String name = 'Grace';
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Text('Hello!'),
              Text('Letters'),
            ],
          ),
        ),
      ),
    );
  }
}