Оформление BoxDecoration в Flutter

Прямоугольник с рамкой и скруглёнными углами задают через BoxDecoration в параметре decoration у Container. Фон, обводка и borderRadius живут в одном объекте.

У Container нельзя одновременно указать color и decoration - сборка выдаст ошибку. Цвет заливки переносят в BoxDecoration(color: ...). Отступы внутри по-прежнему задают padding у Container:

import 'package:flutter/material.dart';

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

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

	@override
	Widget build(BuildContext context) {
		return Scaffold(
			appBar: AppBar(title: const Text('Border')),
			body: Center(
				child: Container(
					padding: const EdgeInsets.all(20),
					decoration: BoxDecoration(
						color: Colors.teal.shade50,
						border: Border.all(color: Colors.teal, width: 2), // same on every side
						borderRadius: BorderRadius.circular(12),
					),
					child: const Text('Card with a border'),
				),
			),
		);
	}
}

Сделайте блок с фоном Colors.amber.shade100, серой сплошной рамкой толщиной 1 и радиусом 24. Внутри - текст 'Warning'.