🔥 ۴۰ درصد تخفیف ثبت‌نام دوره‌ها قبل از افزایش قیمت‌ها
۰ ثانیه
۰ دقیقه
۰ ساعت
۳ دکتر آرتین مجتهدی
border color
جامعه فلاتر ایجاد شده در ۱۵ آذر ۱۴۰۰

سلام خسته نباشید

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

سلام لطفا کد Bottom Navigation خودتون رو بفرستین تا بررسی کنم.

دکتر مهران محمدی ۱۶ آذر ۱۴۰۰، ۰۹:۳۴
class _BottomNavigation extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SizedBox(
      height: 85,
      child: Stack(
        children: [
          Positioned(
            left: 0,
            right: 0,
            bottom: 0,
            child: Container(
              height: 65,
              decoration: BoxDecoration(color: Colors.white, boxShadow: [
                BoxShadow(
                  blurRadius: 40,
                  color: const Color(0xff9b8487).withOpacity(0.3),
                )
              ]),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: const [
                  _BottomNavigationItem(
                      imageFileNameDeactive: 'Home.png',
                      imageFileNameActive: 'Home.png',
                      title: 'Home'),
                  _BottomNavigationItem(
                      imageFileNameDeactive: 'Articles.png',
                      imageFileNameActive: 'Articles.png',
                      title: 'Article'),
                  SizedBox(
                    width: 8,
                  ),
                  _BottomNavigationItem(
                      imageFileNameDeactive: 'Search.png',
                      imageFileNameActive: 'Search.png',
                      title: 'Search'),
                  _BottomNavigationItem(
                      imageFileNameDeactive: 'Menu.png',
                      imageFileNameActive: 'Menu.png',
                      title: 'Menu'),
                ],
              ),
            ),
          ),
          Center(
            child: Container(
              height: 85,
              width: 65,
              alignment: Alignment.topCenter,
              child: Container(
                height: 65,
                width: 65,
                decoration: BoxDecoration(
                  border: Border.all(color: Colors.white, width: 4),
                  color: const Color(0xff376aed),
                  borderRadius: BorderRadius.circular(32.5),
                ),
                child: Image.asset('assets/img/icons/plus.png'),
              ),
            ),
          )
        ],
      ),
    );
  }
}

قسمت BoxDecoration در قسمت border


دکتر آرتین مجتهدی ۱۶ آذر ۱۴۰۰، ۱۲:۵۷

سلام دوست عزیز. این مشکلیه که Container در حال حاضر داره و هنوز آپدیتی ندادن که درستش کنن!

ولی شما میتونین یه کار دیگه بکنین => تو قسمت Stack بیاین کدهای داخل Center رو با این کدی که قرار دادم جایگزین کنین مشکل حل میشه :)

بهترین پاسخ
دکتر مهران محمدی ۱۷ آذر ۱۴۰۰، ۱۳:۱۰