Найти в Дзене
FLUTTER DEV
8 подписчиков

Урок 1. Flutter первое приложение Hello World

42
1 мин
Привет! Давайте начнем создание вашего первого приложения на Flutter. import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Hello, World!',
home: Scaffold(
appBar: AppBar(
title: Text('Hello, World!'),
),
body: Center(
child: Text('Hello, World!'),
),
),
);
}
}
Сохраните изменения в файле "main.dart" и запустите приложение, нажав на кнопку "Run" в вашей IDE. Поздравляем, вы только что создали свое первое приложение на Flutter! Это всего лишь простой пример того, что можно сделать с помощью Flutter. Если вы хотите изучить больше о фреймворке, рекомендуем изучить документацию на сайте Flutter (https://flutter.dev/docs) и попробовать создать более сложное приложение. Удачи!

Привет! Давайте начнем создание вашего первого приложения на Flutter.

  1. Установите Flutter, если вы еще этого не сделали. Вы можете сделать это, следуя инструкциям на официальном сайте Flutter (https://flutter.dev/docs/get-started/install).
  2. Откройте вашу IDE (например, Android Studio, VS Code) и создайте новый проект Flutter. Для этого выберите "New Flutter Project" из меню "File" или используйте сочетание клавиш "Ctrl+Shift+N" (Windows) или "Cmd+Shift+N" (Mac).
  3. Выберите тип проекта "Flutter Application", введите название проекта (например, "hello_world") и выберите место сохранения проекта.
  4. После того, как проект будет создан, найдите файл "main.dart" в директории "lib" и откройте его.
  5. Замените содержимое файла на следующий код:

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Hello, World!',
home: Scaffold(
appBar: AppBar(
title: Text('Hello, World!'),
),
body: Center(
child: Text('Hello, World!'),
),
),
);
}
}
Сохраните изменения в файле "main.dart" и запустите приложение, нажав на кнопку "Run" в вашей IDE. Поздравляем, вы только что создали свое первое приложение на Flutter!

  1. Если все работает должным образом, вы должны увидеть текст "Hello, World!" в центре экрана. Если что-то не работает, попробуйте проверить, что вы выполнили все предыдущие шаги правильно.

Это всего лишь простой пример того, что можно сделать с помощью Flutter. Если вы хотите изучить больше о фреймворке, рекомендуем изучить документацию на сайте Flutter (https://flutter.dev/docs) и попробовать создать более сложное приложение. Удачи!