Кнопки — важный компонент любого пользовательского интерфейса, позволяющий пользователям взаимодействовать с приложением, вызывая действия. В Flutter, популярном кроссплатформенном фреймворке, кнопки можно настраивать различными способами, включая изменение их формы. В этой статье мы рассмотрим различные методы создания и стилизации форм кнопок во Flutter, а также примеры кода. Независимо от того, являетесь ли вы новичком или опытным разработчиком Flutter, это руководство поможет вам улучшить визуальную привлекательность ваших кнопок.

Методы создания форм кнопок:

1. Использование ElevatedButton и RoundedRectangleBorder:
   Пример кода:

   ElevatedButton(
    style: ElevatedButton.styleFrom(
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(8.0),
      ),
    ),
    onPressed: () {},
    child: Text('Rounded Button'),
   ),

2. Использование FlatButton и BeveledRectangleBorder:
   Пример кода:

   FlatButton(
    shape: BeveledRectangleBorder(
      borderRadius: BorderRadius.only(
        topLeft: Radius.circular(12.0),
        bottomRight: Radius.circular(12.0),
      ),
    ),
    onPressed: () {},
    child: Text('Beveled Button'),
   ),

3. Использование RaishedButton и StadiumBorder:
   Пример кода:

   RaisedButton(
    shape: StadiumBorder(),
    onPressed: () {},
    child: Text('Stadium Button'),
   ),

4. Использование InkWell и CircleBorder:
   Пример кода:

   InkWell(
    customBorder: CircleBorder(),
    onTap: () {},
    child: Container(
      width: 50.0,
      height: 50.0,
      child: Icon(Icons.add),
    ),
   ),

5. Создание пользовательских форм кнопок:
   Пример кода:

   class CustomButton extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return Container(
        width: 200.0,
        height: 40.0,
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(20.0),
          gradient: LinearGradient(
            colors: [Colors.blue, Colors.green],
            begin: Alignment.topCenter,
            end: Alignment.bottomCenter,
          ),
        ),
        child: FlatButton(
          onPressed: () {},
          child: Text(
            'Custom Button',
            style: TextStyle(color: Colors.white),
          ),
        ),
      );
    }
   }

В этой статье мы рассмотрели различные методы создания форм кнопок во Flutter. Мы рассмотрели встроенные виджеты кнопок, такие как ElevatedButton, FlatButton и RaishedButton, а также соответствующие им свойства формы. Кроме того, мы научились создавать собственные формы кнопок с помощью контейнеров и пользовательских форм границ. Используя эти методы, вы можете добавить кнопкам вашего приложения уникальность и визуальную привлекательность.