تابستون داره تموم میشه ها، فرصت‌ها محدودن کلی آفر جذاب در کمپین تابستون🔥👇
۰ ثانیه
۰ دقیقه
۰ ساعت
۳ راضیه کارگر
تم divider
جامعه فلاتر ایجاد شده در ۲۳ آذر ۱۴۰۰

با سلام و وقت بخیر

برای Divider‌های استفاده شده در صفحه یک تم مشخص کرده ایم. اما در خروجی آن دو divider متفاوت نشان داده میشوند. البته اگر بعضی از ویژگی‌ها مثل space را در تم حذف کنیم بیشتر به هم شبیه میشوند اما نه کاملا. space فاصله از بالا را مشخص میکند. چرا باید باعث تغییر دو خط جداکننده شود.

در تصویر ارسالی رنگ ثابت سفید به Divider داده شده است تا تغییرات دو خط مشخص‌تر باشد.

سپسا از شما

سلام لطفا تم سفیدی که به divider داده اید را بردارید تا ببینیم مشکل از کجاست اگر امکانش بود کد رو اینجا قرار بدین تا بررسیش کنیم ممنونم

حامد روشنی ۲۳ آذر ۱۴۰۰، ۱۲:۴۵

سلام مجدد.

کد‌های مربوط به dividerThem به صورت زیر هست

dividerTheme: const DividerThemeData(
          color: Colors.white,
          thickness: 0.8,
          indent: 2,
          endIndent: 2,
          space: 5,
        ),

و داخل متد build از کلاس MyHomePageState_ هم با ویجت Divider را استفاده کردم. دقیقا مشابه کدهای استاد. متاسفانه اجازه ارسال همه کدها نیست

child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              //deleted code ...
              Padding(
                padding: const EdgeInsets.fromLTRB(32, 0, 32, 16),
                child: Text(
                  "I am  a New York based multidisciplinary designer with ...",
                  style: Theme.of(context).textTheme.bodyText1,
                ),
              ),
              Divider(),
              Padding(
                padding: const EdgeInsets.fromLTRB(32, 8, 32, 16),
                child: Row(
                  crossAxisAlignment: CrossAxisAlignment.end,
                  children: [
                    Text(
                      'Skills',
                      style: Theme.of(context).textTheme.bodyText2!.copyWith(
                            fontWeight: FontWeight.w900,
                            fontSize: 13,
                          ),
                    ),
                    SizedBox(
                      width: 2,
                    ),
                    Icon(
                      CupertinoIcons.chevron_down,
                      size: 12,
                    ),
                  ],
                ),
              ),
              Center(
                child: Wrap(
                  direction: Axis.horizontal,
                  spacing: 10,
                  runSpacing: 10,
                  children: [
                    Skill(
                      type: _SkillType.photoshop,
                      skillTitle: 'Photoshop',
                      pathImage: 'assets/images/app_icon_01.png',
                      shadowColor: Colors.blue,
                      isActive: _selectedSkill == _SkillType.photoshop,
                      onTapFunc: () {
                        updateSelectedSkill(_SkillType.photoshop);
                      },
                    ),
  //other skills
                    ],
                  ),
                ),
                SizedBox(
                  height: 20,
                ),
                Divider(),

البته الان روی گوشی واقعی تست کردم. خطوط مشابه بودند . انگار فقط در شبیه ساز تفاوت دارند. چرا؟

راضیه کارگر ۲۴ آذر ۱۴۰۰، ۰۲:۵۰

چون رزولوشن ایمولیتور با دستگاه واقعی فرق داره بعضی وقت‌ها توی نمایش جزئیات این مشکلات بوجود میاد، در ضمن طبق طرح شما باید opacity روی تم Divider ست کنید


بهترین پاسخ
سعید شاهینی ۲۴ آذر ۱۴۰۰، ۰۴:۱۲