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:
- 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'), ),
- 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'), ),
- 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, ), ),
- 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, ),
- 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.