دوستان سعی کنید کدهاتون رو تا میتونید تکرار نکنید چون عادت میکنید به این کار برای مقال تو این جلسه شما میتونید در قسمت تکرار ایتم‌ها پروفایل همچین ویجتی طراحی کنید

class RowItem extends StatelessWidget {
  const RowItem({
    Key? key, required this.rowName, required this.icon, required this.callBack,
  }) : super(key: key);
  final Text rowName;
  final Icon icon;
  final GestureTapCallback callBack;
  @override
  Widget build(BuildContext context) {
    return InkWell(
      onTap: callBack,
      child: Container(
        padding: const EdgeInsets.only(left: 16, right: 16),
        height: 56,
        child: Row(
          children: [
            icon,
            const SizedBox(width: 16,),
            rowName,
          ],
        ),
      ),
    );
  }
}

و به این شکل ازش استفاده کنید:

RowItem(
  rowName: const Text('ّfavorite list'),
  icon: const Icon(CupertinoIcons.heart),
  callBack: (){
      // your action
  },
),

سوالی بود در خدمتم :)