Крім того, ви можете обернути кнопку Padding. (Це те, що робить контейнер внутрішньо.) Padding( padding: const EdgeInsets. all(20), child: ElevatedButton( onPressed: _submit, child: Text('Login'), ), );
Властивість margin встановлює або повертає поля елемента. Ця властивість може приймати від одного до чотирьох значень: одне значення, наприклад: div {margin: 50px} – усі чотири поля будуть 50px. Два значення, наприклад: div {margin: 50px 10px} – верхнє та нижнє поля становитимуть 50 пікселів, ліве та праве – 10 пікселів.
Щоб відцентрувати кнопку, ви можете використовувати CSS. Один зі способів зробити це за допомогою встановлення властивості відображення кнопки на "блокувати", а потім встановлення її властивості поля на "авто". Цей підхід відцентрує кнопку горизонтально в її батьківському елементі.
У цьому прикладі віджет Container обгортає віджет ElevatedButton. Ви можете вказати потрібну ширину та висоту кнопки за допомогою встановлення властивостей ширини та висоти контейнера . Налаштуйте ці значення відповідно до ваших вимог до дизайну, щоб налаштувати розмір кнопки.
Щоб створити закруглену кнопку з радіусом рамки у Flutter, ви можете використовуйте віджет ElevatedButton або TextButton і встановіть його властивість форми на RoundedRectangleBorder за допомогою параметра BorderRadius. Ось приклад використання ElevatedButton: ElevatedButton( onPressed: () {}, child: Text('Button'), style: ElevatedButton.