💻 آخرین فرصت یادگیری برنامه‌نویسی با آفر ویژه قبل از افزایش قیمت در ۵ آذر ماه (🎁 به همراه یک هدیه ارزشمند )
۰ ثانیه
۰ دقیقه
۰ ساعت
۵ دانشجوی سون‌لرن
قسمت پایین عکس‌ها این نوشته رانشان میدهد
جامعه فلاتر ایجاد شده در ۲۲ مرداد ۱۴۰۲

سلام روی اسم‌ها یک نوشته نشان میدهد وscorll نشد صفحه ام باید چی کارکنم

قسمت نام‌ها درست شد ولی هنوز scorll نمیشه صفحه

پریسا مسلمی ۲۲ مرداد ۱۴۰۲، ۱۴:۴۹

سلام. این اتفاق به دلیل اجرای شما روی فلاتر وب هست. این راه حل رو تست کنید

یلدا محصلی ۲۲ مرداد ۱۴۰۲، ۱۵:۴۵

من برای پروژه اولی هم از همین استفاده کردم مشکلی نبود. این قسمت‌ها هم که گفتید کد‌ها را اضافه کردم ولی نشد ممنون

پریسا مسلمی ۲۲ مرداد ۱۴۰۲، ۱۷:۳۰

سلام و درود

لطفاً سورس کد رو جهت بررسی ارسال کنید.

بهترین پاسخ
امیررضا بشیری ۲۴ مرداد ۱۴۰۲، ۱۷:۰۲

class HomeScreen extends StatelessWidget {

  const HomeScreen({super.key});


  @override

  Widget build(BuildContext context) {

    final ThemeData themeData = Theme.of(context);

    final stories = AppDatabase.stories;

    return Scaffold(

      body: SafeArea(

        child: SingleChildScrollView(

          physics: const BouncingScrollPhysics(),

          child: Column(

            crossAxisAlignment: CrossAxisAlignment.start,

            children: [

              Padding(

                padding: const EdgeInsets.fromLTRB(32, 16, 32, 0),

                child: Row(

                  mainAxisAlignment: MainAxisAlignment.spaceBetween,

                  children: [

                    Text(

                      'Hi, Jonathan!',

                      style: themeData.textTheme.titleMedium,

                    ),

                    Image.asset(

                      'assets/img/icons/notification.png',

                      width: 34,

                      height: 34,

                    ),

                  ],

                ),

              ),

              Padding(

                padding: const EdgeInsets.fromLTRB(32, 0, 0, 24),

                child: Text(

                  'Explore today`s',

                  style: themeData.textTheme.headlineLarge,

                ),

              ),

              _StoryList(stories: stories),

              const SizedBox(

                height: 16,

              ),

              const _CategoryList(),

              const _PostList(),

              SizedBox(

                height: 32,

              ),

            ],

          ),

        ),

      ),

    );

  }

}


class _CategoryList extends StatelessWidget {

  const _CategoryList({

    super.key,

  });


  @override

  Widget build(BuildContext context) {

    final categories = AppDatabase.categories;

    return CarouselSlider.builder(

        itemCount: categories.length,

        itemBuilder: (context, index, realIndex) {

          return _CategoryItem(

            left: realIndex == 0 ? 32 : 8,

            right: realIndex == categories.length - 1 ? 32 : 8,

            category: categories[realIndex],

          );

        },

        options: CarouselOptions(

            scrollDirection: Axis.horizontal,

            viewportFraction: 0.8,

            aspectRatio: 1.2,

            initialPage: 0,

            scrollPhysics: const BouncingScrollPhysics(),

            disableCenter: true,

            enableInfiniteScroll: false,

            enlargeCenterPage: true,

            enlargeStrategy: CenterPageEnlargeStrategy.height));

  }

}


class _CategoryItem extends StatelessWidget {

  final Category category;

  final double left;

  final double right;

  const _CategoryItem({

    super.key,

    required this.category,

    required this.left,

    required this.right,

  });

پریسا مسلمی ۲۵ مرداد ۱۴۰۲، ۰۸:۳۲