Flutter OutlineButton ve Özellikleri

Flutter’da OutlineButton, çevre çizgisiyle çerçevelenmiş bir düğme oluşturmak için kullanılan bir bileşendir. OutlineButton, kullanıcılar tarafından tıklanabilir ve etkileşime girebilir bir düğme sağlar. İşte OutlineButton’un bazı özellikleri:

1. onPressed: onPressed özelliği, düğmeye tıklandığında gerçekleşmesi gereken bir işlevi temsil eder. Bu özelliğe bir işlev atanır ve düğme tıklandığında bu işlev çalıştırılır. Örneğin:

OutlineButton(
  onPressed: () {
    print('Düğmeye tıklandı!');
  },
  child: Text('Tıkla'),
),

2. child: child özelliği, düğmenin içinde görünen widget’ı temsil eder. OutlineButton’un içinde herhangi bir widget kullanılabilir, ancak genellikle Text widget’ı kullanılır. Örneğin:

OutlineButton(
  onPressed: () {},
  child: Text('Tıkla'),
),

3. color: color özelliği, düğmenin arkaplan rengini belirtir. OutlineButton, çerçeveli bir düğme olduğu için genellikle arka plan rengi kullanılmaz. Bunun yerine, düğmeyi çevreleyen çizgi rengini belirtmek için borderSide özelliği kullanılır. Örneğin:

OutlineButton(
  onPressed: () {},
  child: Text('Tıkla'),
  borderSide: BorderSide(
    color: Colors.blue,
  ),
),

4. textColor: textColor özelliği, düğme metninin rengini belirtir. Renk, Material Design rengi olarak tanımlanabilir veya bir renk nesnesi olarak belirtilebilir. Örneğin:

OutlineButton(
  onPressed: () {},
  child: Text('Tıkla'),
  textColor: Colors.blue,
),

5. shape: shape özelliği, düğmenin şeklini belirtir. OutlineButton’un şekli, varsayılan olarak biraz yuvarlatılmış bir dikdörtgendir. Farklı şekiller kullanmak için RoundedRectangleBorder veya BeveledRectangleBorder gibi şekil sınıflarını kullanabilirsiniz. Örneğin:

OutlineButton(
  onPressed: () {},
  child: Text('Tıkla'),
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(10),
  ),
),

Bu özellikler, OutlineButton bileşeninin sadece bazılarıdır. Flutter, düğmelerin görünümünü ve davranışını özelleştirmek için daha birçok özelliği destekler.