تابستون داره تموم میشه ها، فرصت‌ها محدودن کلی آفر جذاب در کمپین تابستون🔥👇
۰ ثانیه
۰ دقیقه
۰ ساعت
۲ شاهو رضایی
مشکل در کد نویسی
جامعه فلاتر ایجاد شده در ۲۹ آبان ۱۴۰۰
<p>با سلام</p><p>استاد این کدی هست که من همراه جلسات کە میبینم جلو میرم و بعد دیدن ویدیو‌ها کد میزنم</p><p>اما در کد اجرایی من با شما تفاوت هست و نمیدونم مشکل کار کجاست.</p><p>میشه لطفا راهنمایی کنید.</p><p>import \'package:flutter/cupertino.dart\';</p><p>import \'package:flutter/material.dart\';</p><p>import \'package:google_fonts/google_fonts.dart\';</p><p><br></p><p>void main() {</p><p> runApp(const MyApp());</p><p>}</p><p><br></p><p>class MyApp extends StatelessWidget {</p><p> const MyApp({Key? key}) : super(key: key);</p><p><br></p><p> // This widget is the root of your application.</p><p> @override</p><p> Widget build(BuildContext context) {</p><p>  Color surfacecolor = Color.fromARGB(5, 255, 255, 255);</p><p>  return MaterialApp(</p><p>   title: \'Flutter Demo\',</p><p>   theme: ThemeData(</p><p>    // This is the theme of your application.</p><p>    //</p><p>    // Try running your application with \"flutter run\". You\'ll see the</p><p>    // application has a blue toolbar. Then, without quitting the app, try</p><p>    // changing the primarySwatch below to Colors.green and then invoke</p><p>    // \"hot reload\" (press \"r\" in the console where you ran \"flutter run\",</p><p>    // or simply save your changes to \"hot reload\" in a Flutter IDE).</p><p>    // Notice that the counter didn\'t reset back to zero; the application</p><p>    // is not restarted.</p><p>    primarySwatch: Colors.blue,</p><p>    primaryColor: Colors.pink.shade400,</p><p>    dividerColor: surfacecolor,</p><p>    brightness: Brightness.dark,</p><p>    scaffoldBackgroundColor: const Color.fromARGB(255, 30, 30, 30),</p><p>    appBarTheme: const AppBarTheme(backgroundColor: Colors.black),</p><p>    textTheme: GoogleFonts.latoTextTheme(</p><p>     const TextTheme(</p><p>      bodyText2: TextStyle(fontSize: 18),</p><p>      bodyText1: TextStyle(</p><p>        fontSize: 13, color: Color.fromARGB(180, 255, 255, 255)),</p><p>      headline6: TextStyle(fontWeight: FontWeight.bold),</p><p>      subtitle1: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),</p><p>     ),</p><p>    ),</p><p>   ),</p><p>   home: MyHomePage(),</p><p>  );</p><p> }</p><p>}</p><p><br></p><p>class MyHomePage extends StatelessWidget {</p><p> @override</p><p> Widget build(BuildContext context) {</p><p>  return Scaffold(</p><p>   appBar: AppBar(</p><p>    title: const Text(\'Curriculum Vitac\'),</p><p>    actions: const [</p><p>     Icon(CupertinoIcons.chat_bubble),</p><p>     Padding(</p><p>      padding: EdgeInsets.fromLTRB(8, 0, 16, 0),</p><p>      child: Icon(CupertinoIcons.ellipsis_vertical),</p><p>     )</p><p>    ],</p><p>   ),</p><p>   body: Column(</p><p>    crossAxisAlignment: CrossAxisAlignment.start,</p><p>    children: [</p><p>     Padding(</p><p>      padding: const EdgeInsets.all(32),</p><p>      child: Row(</p><p>       children: [</p><p>        ClipRRect(</p><p>         borderRadius: BorderRadius.circular(8),</p><p>         child: Image.asset(</p><p>          \'assets/images/profile_image.png\',</p><p>          width: 60,</p><p>          height: 60,</p><p>         ),</p><p>        ),</p><p>        const SizedBox(</p><p>         width: 16,</p><p>        ),</p><p>        Expanded(</p><p>         child: Column(</p><p>          crossAxisAlignment: CrossAxisAlignment.start,</p><p>          children: [</p><p>           Text(</p><p>            \'Barice Seraphin\',</p><p>            style: Theme.of(context).textTheme.subtitle1,</p><p>           ),</p><p>           const SizedBox(</p><p>            height: 4,</p><p>           ),</p><p>           const Text(\'Product & Print Designer\'),</p><p>           const SizedBox(</p><p>            height: 6,</p><p>           ),</p><p>           Row(</p><p>            children: [</p><p>             Icon(</p><p>              CupertinoIcons.location,</p><p>              size: 16,</p><p>              color: Theme.of(context).textTheme.bodyText1!.color,</p><p>             ),</p><p>             const SizedBox(</p><p>              width: 4,</p><p>             ),</p><p>             Text(</p><p>              \'Paris, France\',</p><p>              style: Theme.of(context).textTheme.caption,</p><p>             ),</p><p>            ],</p><p>           )</p><p>          ],</p><p>         ),</p><p>        ),</p><p>        Icon(</p><p>         CupertinoIcons.heart,</p><p>         color: Theme.of(context).primaryColor,</p><p>        ),</p><p>       ],</p><p>      ),</p><p>     ),</p><p>     Padding(</p><p>      padding: const EdgeInsets.fromLTRB(32, 0, 32, 16),</p><p>      child: Text(</p><p>       \'Consequat incididunt proident irure deserunt anim nulla in ut. Quis est veniam voluptate laboris quis exercitation nulla. Aute cupidatat et aute labore proident ex commodo. Laborum et tempor quis consectetur in occaecat velitminim aute excepteur.\',</p><p>       style: Theme.of(context).textTheme.bodyText1,</p><p>      ),</p><p>     ),</p><p>     Divider(),</p><p>     Padding(</p><p>      padding: const EdgeInsets.fromLTRB(32, 16, 32, 14),</p><p>      child: Row(</p><p>       crossAxisAlignment: CrossAxisAlignment.center,</p><p>       children: [</p><p>        Text(\'Skills\',</p><p>          style: Theme.of(context)</p><p>            .textTheme</p><p>            .bodyText2!</p><p>            .copyWith(fontWeight: FontWeight.bold)),</p><p>        SizedBox(</p><p>         width: 2,</p><p>        ),</p><p>        Icon(</p><p>         CupertinoIcons.chevron_down,</p><p>         size: 10,</p><p>        ),</p><p>       ],</p><p>      ),</p><p>     ),</p><p>     // Padding(</p><p>     //  padding: const EdgeInsets.fromLTRB(32, 16, 32, 16),</p><p>     //  child:</p><p>     Center(</p><p>      child: Wrap(</p><p>       direction: Axis.horizontal,</p><p>       spacing: 8,</p><p>       runSpacing: 8,</p><p>       children: [</p><p>        Container(</p><p>         width: 110,</p><p>         height: 110,</p><p>         decoration: BoxDecoration(</p><p>           color: Theme.of(context).dividerColor,</p><p>           borderRadius: BorderRadius.circular(12)),</p><p>         child: Column(</p><p>          mainAxisAlignment: MainAxisAlignment.center,</p><p>          children: [</p><p>           Image.asset(</p><p>            \'assets/images/app_icon_01.png\',</p><p>            width: 40,</p><p>            height: 40,</p><p>           ),</p><p>           Text(\'Photoshop\'),</p><p>          ],</p><p>         ),</p><p>        ),</p><p>        Container(</p><p>         width: 110,</p><p>         height: 110,</p><p>         decoration: BoxDecoration(</p><p>           color: Theme.of(context).dividerColor,</p><p>           borderRadius: BorderRadius.circular(12)),</p><p>         child: Column(</p><p>          mainAxisAlignment: MainAxisAlignment.center,</p><p>          children: [</p><p>           Image.asset(</p><p>            \'assets/images/app_icon_01.png\',</p><p>            width: 40,</p><p>            height: 40,</p><p>           ),</p><p>           Text(\'Photoshop\'),</p><p>          ],</p><p>         ),</p><p>        ),</p><p>        Container(</p><p>         width: 110,</p><p>         height: 110,</p><p>         decoration: BoxDecoration(</p><p>           color: Theme.of(context).dividerColor,</p><p>           borderRadius: BorderRadius.circular(12)),</p><p>         child: Column(</p><p>          mainAxisAlignment: MainAxisAlignment.center,</p><p>          children: [</p><p>           Image.asset(</p><p>            \'assets/images/app_icon_01.png\',</p><p>            width: 40,</p><p>            height: 40,</p><p>           ),</p><p>           Text(\'Photoshop\'),</p><p>          ],</p><p>         ),</p><p>        ),</p><p>        Container(</p><p>         width: 110,</p><p>         height: 110,</p><p>         decoration: BoxDecoration(</p><p>           color: Theme.of(context).dividerColor,</p><p>           borderRadius: BorderRadius.circular(12)),</p><p>         child: Column(</p><p>          mainAxisAlignment: MainAxisAlignment.center,</p><p>          children: [</p><p>           Image.asset(</p><p>            \'assets/images/app_icon_01.png\',</p><p>            width: 40,</p><p>            height: 40,</p><p>           ),</p><p>           Text(\'Photoshop\'),</p><p>          ],</p><p>         ),</p><p>        ),</p><p>        Container(</p><p>         width: 110,</p><p>         height: 110,</p><p>         decoration: BoxDecoration(</p><p>           color: Theme.of(context).dividerColor,</p><p>           borderRadius: BorderRadius.circular(12)),</p><p>         child: Column(</p><p>          mainAxisAlignment: MainAxisAlignment.center,</p><p>          children: [</p><p>           Image.asset(</p><p>            \'assets/images/app_icon_01.png\',</p><p>            width: 40,</p><p>            height: 40,</p><p>           ),</p><p>           Text(\'Photoshop\'),</p><p>          ],</p><p>         ),</p><p>        ),</p><p>       ],</p><p>      ),</p><p>     ),</p><p>     // )</p><p>    ],</p><p>   ),</p><p>  );</p><p> }</p><p>}</p><p><br></p>
<p>متاسفانه با این آپدیت مسخره ای کە سون‌لرن انجام داد، علاوە بر اینکه آپلود جلسات جدید دیگر اطلاع رسانی نمیشه نمیشه، تصویر رو هم نمیشه پیوست کرد.</p><p><br></p><p>در قسمت skills بە جای، نمایش سه کانتیر مثل همون چیزی کە شما نشون میدید ، ٤ کانتینر نشون داده میشه و بعد کانتینر پنجمی به سطر پایین میاد.</p>
شاهو رضایی ۲۹ آبان ۱۴۰۰، ۱۸:۴۶

سلام. کاربرد wrap همین هست که به میزان فضایی که صفحه نمایش بهش اجازه می‌ده آیتم اضافه می‌کنه و زمانی که دیگه آیتمی جا نشه می‌ره خط بعد.

بنابراین چون شبیه ساز شما width بیشتری داره ۴ آیتم توی یک سطر جا شده

سعید شاهینی ۰۳ آذر ۱۴۰۰، ۲۱:۲۸