テキストを変更する

CoddyのFlutterジャーニー「はじめてのアプリ」セクションの一部。レッスン 2/32。

Textウィジェットはテキストを1行表示します。表示する単語を引用符で囲んで指定します。

Text('Good morning')

引用符で囲まれた単語は文字列と呼ばれます。Flutterは文字列を、書いたとおりに正確に表示します。同じ文字、同じ大文字、同じスペースです。Text('good morning')とText('Good Morning')は、異なる2つのテキストです。

コードを変更したら、もう一度実行を押して、スマートフォンで変更を確認します。

チャレンジ

簡単

I build apps の代わりに Hello, Flutter! とアプリに表示させましょう。大文字とスペースも正確に合わせてください。

自分で試してみよう

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('Hello, Flutter!'),
        ),
      ),
    );
  }
}