كيف يمكنني في Flutter جعل الـ label يظهر على اليمين من زر floatingActionButton ووضع الزر نفسه على الجانب الأيسر من الشاشة؟

حاول استخدام الخاصية alignment لضبط محاذاة الملصق على الزر، أي لتحاذيه على اليمين،  استخدم الكود التالي:

FloatingActionButton(
  child: Icon(Icons.add),
  label: Text('Add'),
  alignment: Alignment.centerRight,
)

وسيؤدي ذلك إلى محاذاة الملصق على اليمين، مع مركزه أفقيًا فوق الزر، ويمكنك أيضًا استخدام الخاصية padding لضبط المسافة بين الزر والملصق.

ولتعيين مسافة 10 بكسل بين الزر والملصق استخدم التالي:

FloatingActionButton(
  child: Icon(Icons.add),
  label: Text('Add'),
  alignment: Alignment.centerRight,
  padding: EdgeInsets.all(10.0),
)

ولاحظ أنه يمكنك تعديل مكان الـ FloatingActionButton من خلال خواص مختلفة وستجدها هنا في المستند الرسمي:

• https://api.flutter.dev/flutter/material/FloatingActionButtonLocation-class.html