💻 آخرین فرصت یادگیری برنامه‌نویسی با آفر ویژه قبل از افزایش قیمت در ۵ آذر ماه (🎁 به همراه یک هدیه ارزشمند )
۰ ثانیه
۰ دقیقه
۰ ساعت
۴ Turaj Mokhtari
وقتی تو قسمت positioned مینویسم bottom : 0 کارد رو رد نمیشه و داخل کارد میمونه ولی وقتی top : 0 قرار میدم نصف قسمت ابی میوفته تو کارد
جامعه فلاتر ایجاد شده در ۱۶ دی ۱۴۰۰
import 'package:flutter/material.dart';
class ProfileScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final ThemeData themedata = Theme.of(context);
    return SafeArea(
      child: Scaffold(
        appBar: AppBar(
          elevation: 0,
          backgroundColor: themedata.colorScheme.onBackground.withOpacity(0),
          title: Text('Profile'),
          actions: [
            IconButton(
              icon: Icon(Icons.more_horiz_rounded),
              onPressed: () {},
            ),
            SizedBox(
              width: 16,
            )
          ],
        ),
        body: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Stack(
              children: [
                Container(
                  margin: EdgeInsets.fromLTRB(32, 16, 32, 0),
                  decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(16),
                      color: themedata.colorScheme.onSurface,
                      boxShadow: [
                        BoxShadow(
                            blurRadius: 10,
                            color:
                                themedata.colorScheme.onBackground.withOpacity(0.2))
                      ]),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Padding(
                        padding: const EdgeInsets.fromLTRB(24, 24, 24, 12),
                        child: Row(
                          children: [
                            ClipRRect(
                              borderRadius: BorderRadius.circular(24),
                              child: Image.asset(
                                'assets/img/stories/story_8.jpg',
                                width: 80,
                                height: 80,
                              ),
                            ),
                            SizedBox(width: 20,),
                            Expanded(
                              child: Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Text('turaj'),
                                  Text('turaj'),
                                  Text('turaj'),
                                ],
                              ),
                            )
                          ],
                        ),
                      ),
                      Padding(
                        padding: const EdgeInsets.all(20),
                        child: Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Text('About me'),
                            Text('About me'),
                          ],
                        ),
                      )
                    ],
                  ),
                ),
                Positioned(
                  bottom: 0,
                  left: 60,
                  right: 60,
                  
                  child: Container(
                    height: 80,
                    decoration: BoxDecoration(
                      color: themedata.colorScheme.primary
                    ),
                  ),
                )
              ],
            )
          ],
        ),
      ),
    );
  }
}

سلام شما padding و margin هارو , و همچنین  رنگ container رو تا اونجایی که من دیدم مثل استاد وارد نکردین پیشنهاد میکنم آموزشو دوباره نگاه کنید





حامد روشنی ۱۷ دی ۱۴۰۰، ۱۰:۳۹
import 'package:flutter/material.dart';
class ProfileScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final ThemeData themedata = Theme.of(context);
    return Scaffold(
      appBar: AppBar(
        elevation: 0,
        backgroundColor: themedata.colorScheme.onBackground.withOpacity(0),
        title: Text('Profile'),
        actions: [
          IconButton(
            icon: Icon(Icons.more_horiz_rounded),
            onPressed: () {},
          ),
          SizedBox(
            width: 16,
          )
        ],
      ),
      body:  
      Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Stack(
            children: [
              Container(
                margin: EdgeInsets.fromLTRB(32, 16, 32, 0),
                decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(16),
                    color: themedata.colorScheme.onSurface,
                    boxShadow: [
                      BoxShadow(
                          blurRadius: 10,
                          color:
                              themedata.colorScheme.onBackground.withOpacity(0.2))
                    ]),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Padding(
                      padding: const EdgeInsets.fromLTRB(24, 24, 24, 24),
                      child: Row(
                        children: [
                          ClipRRect(
                            borderRadius: BorderRadius.circular(24),
                            child: Image.asset(
                              'assets/img/stories/story_8.jpg',
                              width: 80,
                              height: 80,
                            ),
                          ),
                          SizedBox(width: 20,),
                          Expanded(
                            child: Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                Text('@arkan mokhtari' ,style: themedata.textTheme.bodyText2!.copyWith(color: Colors.black),),
                                 const SizedBox(
                                      height: 4,
                                    ),
                                Text('Arkan' ,style: themedata.textTheme.bodyText1,),
                                 const SizedBox(
                                      height: 8,
                                    ),
                                Text('UI & UX designer' ,style: themedata.textTheme.bodyText2),
                              ],
                            ),
                          )
                        ],
                      ),
                    ),
                     Padding(
                       padding: const EdgeInsets.fromLTRB(32, 0,32, 0),
                       child: Text('About me',style: themedata.textTheme.headline6,),
                     ),
                     Padding(
                       padding: const EdgeInsets.fromLTRB(32, 4, 32, 4),
                       child: Text('About me About me About me About me About me About me About me About me About me About me About me About me About me About me About me ' ,style: themedata.textTheme.bodyText2!.copyWith(color: Colors.black,),),
                     )
                  ],
                ),
              ),
               
               const SizedBox(
                          height: 100,
                        ),
              Positioned(
                bottom: 0,
                left: 64,
                right: 64,
                
                child: Container(
                  height: 68,
                  decoration: BoxDecoration(
                    color: themedata.colorScheme.primary
                  ),
                ),
              ),
            ],
          )
        ],
      ), 
    );
    /* return Container(
     child: Padding(
       padding: const EdgeInsets.all(8.0),
       child: Stack(children: [
           Positioned(
                    bottom: 0,
                    left: 60,
                    right: 60,
                    
                    child: Container(
                      height: 80,
                      decoration: BoxDecoration(
                        color: themedata.colorScheme.primary
                      ),
                    ),
                  ),
                  Positioned(
                    bottom: 10,
                    left: 60,
                    right: 60,
                    
                    child: Container(
                      height: 80,
                      decoration: BoxDecoration(
                        color: themedata.colorScheme.onBackground
                      ),
                    ),
                  )
        ],),
     )
    ); */
  }
}
Turaj Mokhtari ۱۸ دی ۱۴۰۰، ۱۰:۳۴

بازم فرقی نکرد


Turaj Mokhtari ۱۸ دی ۱۴۰۰، ۱۰:۳۵

حل شد


Turaj Mokhtari ۱۸ دی ۱۴۰۰، ۱۰:۴۷