String dengan Variabel

Termasuk bagian Aplikasi Pertamamu dalam perjalanan Flutter di Coddy. Pelajaran 12 dari 32.

Untuk menyisipkan variabel ke dalam string, tulis tanda dolar dan namanya:

String name = 'Ada';
Text('Hello, $name!')   // Halo, Ada!

Ini disebut interpolasi string. Untuk menyisipkan sesuatu selain nama biasa, seperti perhitungan atau property, bungkus dengan kurung kurawal setelah tanda dolar:

Text('$name has ${name.length} letters')   // Ada terdiri dari 3 huruf

name.length adalah jumlah huruf dalam string tersebut. Tanpa kurung kurawal, '$name.length' akan menampilkan nama yang diikuti .length.

Tantangan

Mudah

Aplikasi ini memiliki variabel name. Buat dua barisnya menampilkan teks berikut dengan menggunakan variabel tersebut:

Hello, Grace!
Grace has 5 letters, dengan angka yang berasal dari name.length

Column yang membungkusnya menempatkan satu baris di bawah baris lainnya. Kamu akan membuatnya sendiri di bab berikutnya.

Coba sendiri

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