Виджет TextField в Flutter

Чтобы пользователь мог ввести текст с клавиатуры, в Material используют TextField. Это виджет одной строки: курсор, набор символов и стандартное оформление поля. Пока мы не связываем ввод с переменными в StatefulWidget - просто показываем поле на экране.

Поле TextField часто ставят в Column с отступами, чтобы оно не прилипало к краям. Без параметра controller виджет сам держит набранный текст внутри; при пересборке экрана это временное состояние может сброситься - позже мы перейдём к явному управлению:

import 'package:flutter/material.dart';

void main() {
	runApp(const MaterialApp(home: HomePage()));
}

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

	@override
	Widget build(BuildContext context) {
		return Scaffold(
			body: Padding(
				padding: const EdgeInsets.all(16),
				child: Column(
					crossAxisAlignment: CrossAxisAlignment.stretch,
					children: const [
						Text('Your name'),
						SizedBox(height: 8),
						TextField(),
					],
				),
			),
		);
	}
}

Соберите экран с заголовком 'City' и одним TextField под ним. Отступы от краёв - 16. Убедитесь, что поле принимает ввод с клавиатуры.