شرح استخدام ويدجت TextButton في فلاتر

يعد TextButton في Flutter أداة رائعة لإنشاء أزرار نصية بسيطة وسهلة الاستخدام. تتيح هذه الأداة للمطورين إنشاء أزرار نصية وتحديد تصميمات مختلفة بسهولة. يمكن استخدام TextButton لإنشاء أزرار نصية مختلفة، مثل الأزرار الخاصة بالتنقل، الأزرار الخاصة بالإرسال، والمزيد.

خصائص ويدجت TextButton في فلاتر

1- الخاصية onPressed

تستخدم هذه الخاصية لتحديد الإجراء الذي يتم تنفيذه عند النقر على الزر.

TextButton(
  onPressed: () {
    // أدخل إجراء النقر هنا
  },
  child: Text('Click me'),
);

2- الخاصية child

تستخدم هذه الخاصية لتحديد النص الذي يظهر على الزر.

TextButton(
  onPressed: () {
    // أدخل إجراء النقر هنا
  },
  child: Text('Click me'),
);

“اقرأ أيضاً: شرح استخدام ويدجت Spacer في فلاتر“

3- الخاصية style

تستخدم هذه الخاصية لتحديد تنسيق الزر.

TextButton(
  onPressed: () {
    // أدخل إجراء النقر هنا
  },
  style: TextButton.styleFrom(
    backgroundColor: Colors.blue,
    primary: Colors.white,
  ),
  child: Text('Click me'),
);

4- الخاصية autofocus

تستخدم هذه الخاصية لتحديد ما إذا كان الزر يجب أن يكون في وضع التركيز تلقائيًا عند تحميل الصفحة.

TextButton(
  onPressed: () {
    // أدخل إجراء النقر هنا
  },
  autofocus: true,
  child: Text('Click me'),
);

“اقرأ أيضاً: شرح استخدام ويدجت Tooltip في فلاتر“

5- الخاصية clipBehavior

تستخدم هذه الخاصية لتحديد كيفية عرض الزر عندما يتم تجاوز حجمه.

TextButton(
  onPressed: () {
    // أدخل إجراء النقر هنا
  },
  clipBehavior: Clip.antiAlias,
  child: Text('Click me'),
);

6- الخاصية focusNode

تستخدم هذه الخاصية لتحديد عنصر التحكم الذي يتحكم في وضع التركيز للزر.

FocusNode focusNode = FocusNode();

TextButton(
  onPressed: () {
    // أدخل إجراء النقر هنا
  },
  focusNode: focusNode,
  child: Text('Click me'),
);

“اقرأ أيضاً: شرح استخدام ويدجت TextField في فلاتر“

7- الخاصية onLongPress

تستخدم هذه الخاصية لتحديد الإجراء الذي يتم تنفيذه عند الضغط على الزر لفترة طويلة.

TextButton(
  onPressed: () {
    // أدخل إجراء النقر هنا
  },
  onLongPress: () {
    // أدخل إجراء الضغط الطويل هنا
  },
  child: Text('Click me'),
);

“اقرأ أيضاً: شرح استخدام ويدجت DragTarget في فلاتر“

يعد TextButton في Flutter أداة سهلة الاستخدام ورائعة لإنشاء أزرار نصية بسيطة وسهلة الاستخدام. يمكن استخدام TextButton لإنشاء أزرار نصية مختلفة، مثل الأزرار الخاصة بالتنقل، الأزرار الخاصة بالإرسال، والمزيد. باستخدام الخصائص المختلفة، يمكن للمطورين تحديد تصميمات مختلفة للأزرار النصية وتحكم في سلوكها. يمكن للمطورين استخدام TextButton لتحسين تجربة المستخدم في التطبيقات التي تحتوي على أزرار نصية.