Как вывести текст на Flutter/Dart?

Вывод текста на экран является одной из самых простых и основных операций при разработке приложений с использованием Flutter и Dart. Вам понадобится создать виджет, который будет содержать текстовый элемент.

В Flutter, для вывода текста на экран используется виджет Text. Вы можете использовать его внутри других виджетов, таких как Container, Column, Row и других, для организации компоновки и макета вашего приложения.

Вот пример кода, который демонстрирует, как вывести текст на экран с использованием виджета Text:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter Text Output'),
        ),
        body: Center(
          child: Text(
            'Привет, мир!',
            style: TextStyle(fontSize: 24),
          ),
        ),
      ),
    );
  }
}

В этом примере мы создаем новое приложение Flutter с использованием виджета MaterialApp в методе build виджета MyApp. Внутри MaterialApp мы определяем внешний вид нашего приложения, включая Scaffold, который предоставляет стандартную структуру страницы.

Внутри Scaffold у нас есть AppBar с заголовком "Flutter Text Output". А в теле Scaffold у нас используется виджет Center, который помещает нужный нам виджет точно по центру экрана. В нашем случае мы помещаем виджет Text с текстом "Привет, мир!" и устанавливаем ему стиль с размером шрифта 24 пункта.

Когда вы запустите этот код, вы увидите приложение с единственной страницей, содержащей наш текст "Привет, мир!" по центру экрана.

Вы также можете настроить другие свойства текста, такие как цвет, выравнивание, межстрочный интервал и многое другое, путем использования соответствующих параметров в TextStyle.

Кроме использования простого текста, вы также можете использовать различные форматирование текста, такие как жирный, курсивный или подчеркнутый текст, используя соответствующие настройки в TextStyle.

Таким образом, вы можете легко выводить текст на экран в приложении Flutter, используя виджет Text и настраивая его свойства с помощью TextStyle.